美文网首页
IOS底部FIXED,键盘弹出错乱的BUG

IOS底部FIXED,键盘弹出错乱的BUG

作者: 哪吒闹海全靠浪 | 来源:发表于2017-06-19 18:22 被阅读0次

这真是老问题了,最近开发中又遇到,目前仅在UIWebView中存在(微信在新加好友搜索中输入:switchweb可以切换WKWebView和UIWebView),说说我这次的解决方案:

  • 1.在弹出键盘时改变定位
 $("input").on("touchstart",function(e){
        this.nowScrollTop = document.body.scrollTop;
        $(".aside").css("position","absolute");
        $("#post-content-input").focus();
})
 $("input").on("blur",function(){
     $(".aside").css("position","fixed");
     window.scrollTo(0, this.nowScrollTop || 0);
 })
  • 2.让局部变成滚动的(iscroll可以解决,但太重了,能不用就不用)
让按钮上方的内容区滚动,也就是屏幕只有一屏
style="max-height: 31.75rem;overflow-y: scroll;-webkit-overflow-scrolling: touch;"
加上-webkit-overflow-scrolling: touch会流畅很多

相关文章

网友评论

      本文标题:IOS底部FIXED,键盘弹出错乱的BUG

      本文链接:https://www.haomeiwen.com/subject/lqxnqxtx.html