-webkit-overflow-scrolling: touch

-webkit-overflow-scrolling

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

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

但是这回遇见一个bug

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

el.scrollTop=100;

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

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


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

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

阅读更多
个人分类: css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭