微信网页端聊天页面（坑）

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

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)//输入框回去有延迟