最近做双创项目的时候因为页面有很多数据显示，所以打算让它Y轴方向滚动条的形式展现，但在测试阶段发现IOS设备滑动效果非常不理想 search by google之后找到解决办法： webkit overflow scrolling: touch 网友解释该属性启动了硬件加速的特性，所以滑动起来会非常流畅 不过会影响性能 经过测试，性能影响忽略不计。 ...
2016-10-20 11:50 0 2174 推荐指数：
在使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的元素上加上-webkit-overflow-scrolling: touch;即可 在IPhone上对div盒子设置高度height:XXXpx并使用overflow-y ...
当我们在移动端，给div设置一个高度，使用 overflow-y:scroll实现 div内容滚动的时候，会发现滚动内容卡顿。。 此时使用 -webkit-overflow-scrolling: touch;可以解决卡顿问题。。。。 但是会出现滚动到底部，页面无法触发滚动的问题 ...
在模拟聊天对话页面时候，遇到问题，多余聊天对话滑动不流畅。话不多说，解决方法如下： 在 overflow:scroll部分，也就是需要滑动的层处，加css : -webkit-overflow-scrolling: touch; 屡试不爽。很管用。 ...
在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动回弹的效果，就像ios原生的滚动条一样流畅。 2. 解决safari布局抖动 ...
例子很简单，就是给没有height的div在一定高度时设置滚动条。 style部分： ...
最近新作的一个项目中遇到一个问题，有一段很长的表格，手机显示器展示不全，需要做滑动继续展示的效果； OK，很简单，使用overflow-x:auto;谷歌模拟器一切正常，安卓正常，可是打完包在IOS上，滑动效果慢到完全跟随手指的移动而移动，这样是肯定不行的经过百度发现了 ...
需要注意的是：假如是纵向滚动：<div id="myscroller_rapper" style="overflow-y:auto;height:540px;-webkit-overflow-scrolling: touch;"></div>滚动框元素必须有 ...
1、将scroll-view 改为view使用overflow属性。 2、将整个vue页面添加position:fixed;z-index:10;脱离页面的ios自带的滚动。 3、将单独需要滚动的地方设置position:fiexd;z-index:10; 继续开始爬坑了！！！ ...
