本文主要解决在开放样式问题

1. 解决安卓和ios输入框获取焦点被遮住问题

 window.addEventListener("resize", function () {
  // id为输入框id
    if (document.activeElement.getAttribute("id") === "message") {
          window.setTimeout(() => {
            document.activeElement.scrollIntoViewIfNeeded();
          }, 0);
        }
      })

2. 输入框失去焦点时不自动到最下面还原

发现只要滚动条滚动一下就可以解决

 setTimeout(function () {
          var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
          window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100)//输入框回去有延迟

微信网页端聊天页面（坑）
本文主要解决在开放样式问题 1. 解决安卓和ios输入框获取焦点被遮住问题 2. 输入框失去焦点时不自动到最下面还...
动手写一个微信聊天页，有文字，有语音，有图片
今天给大家分享用网页实现移动端微信聊天记录的功能，效果图如下：页面布局中，聊天框使用flex布局，聊天气泡通过伪...
移动端(微信)后退刷新页面
移动端(微信)后退刷新页面移动端真是各种坑，就这还要不断的踩坑，说多了无非就是经验的积累。比如从A页面到B页面，...
PHP 微信H5支付
什么是微信H5支付 H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商...
WAP，微信登录
移动网页端是不能进行微信登录的。天煞的微信竟然只开放扫码登录。如果开放密码登录的流程好像稍显复杂：微信授权页面，输...
ios 调起键盘后点击不了点击事件错位
在开发移动端webapp的时候，在微信端ios浏览器中遇到过一个巨坑。我在做一个移动端登录的页面，页面需要输入手...
当域名被微信封了怎么办？
当把网站嵌入到微信公众号时，也存在一个风险：微信封域名，这样所有微信端的页面打开就会提示：已停止访问该网页，如下...
使用Socket.IO仿微信聊天应用
页面布局的构建根据网页版的微信，利用flex框架进行重建。手机版根据实际情况将聊天页面隐藏，点击相应用户的聊天室...
微信支付H5支付介绍支付通道支付接口
场景介绍 H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服...
移动端音频视频的坑
记录下最近开发的微信公众网页中坑（微信中。。微信中。。微信中。。。）关于自动播放音视频不能自动播放是移动端的常...