dk123sw的博客

问题： 在IOS上点击input框软键盘弹出，页面上移。点击软键盘上完成按钮软键盘关闭，但页面并没有下移。 解决： 监听软键盘弹起、关闭事件。在键盘关闭时对页面重新定位 // 兼容部分ios手机input失焦后页面上移问题 (function() { let myFunction let isWXAndIos = isWeiXinAndIos() if (isWXAndIos...

建议先看这篇文章 (-webkit-overflow-scrolling:touch) 下面 说一下点击其他区域，再在滚动区域滑动，滚动条无法滚动 这个bug 问题复现： 由非滚动区域向滚动区域滑动，再迅速滑动滚动区域，此时滚动会出现bug 在一个可上下滑动的区域，滚动条在最上面再向上滑动或滚动条在最下面再向下滑，松手后立即滑动滚动区域，滚动出现bug ...

何时出现： 在IOS微信浏览器下，当浏览器内出现跳转产生url历史记录的时候，此栏就会出现 导致的问题： 导航栏影响高度计算，此问题很少出现。模拟问题，用户打开一个页面，此时没有历史记录导航栏不存在。用户进行跳转有历史记录导航栏出现，在此页面正好存在非正常布局流元素（例position:”fixed”）针对底部定位，那ok完蛋，你在IOS偶尔就会看到元素会偏下 一个导航栏...

先贴原文地址 目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug 3.1 保证使用了该属性的元素上没有设置定位 3.2 如果添加动态内容页面不能滚动，让子元素height+1...