开发移动端的同学可能都知道,当在你用overflow-y:scorll
属性的时候内容超出容器溢出滚动的效果很迟顿,特别是在IOS系统里通常情况下,我们为了追求好的用户体验会使用屏幕滚动插件better-scroll了,这个插件是真心好用但是有些情况下峩们可能并不想那么麻烦,而且页面的体验要求也没有那么高下面给大家介绍一个简单偷懒的办法.
这时候可以使用-webkit-overflow-scrolling:touch
这个属性,让滚动條产生滚动回弹的效果就像ios原生的滚动条一样流畅
auto
:使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止
touch
:使用具有回弹效果的滚動, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。
通过动态添加内容撑开容器结果根本不能滑动。
在safari上点击其他区域,再在滚动区域滑动滚动条无法滚动。