站内搜索:
首页 >> 前端 >> 内容
-webkit-overflow-scrolling:touch

时间:2017/1/4 9:29:28

-webkit-overflow-scrolling

主要用来设置在IOS浏览器的容器内滚动是否开启惯性和回弹的。

一般情况下都是设置为touch的

但是这回遇见一个bug

就是使用js改变其滚动的高度

el.scrollTop=100;

在ios环境中,每次手动改变csrollTop后整个容器变成空白,但是手指触摸一下内容就出来了,

scrollTop是成功的,只是内容绘制错误

思路就是砸手动设置scrollTop前 ,先关闭惯性滚动,带设置完成后重新开启即可。

el.WebKitOverflowScrolling= 'auto';
el.scrollTop= 500;
el.WebKitOverflowScrolling= 'touch';

  • 上一篇:Git常用命令
  • 下一篇:-webkit-tap-highlight-color-webkit-touch-callout
  • 返回顶部