Skip to content

丝般顺滑的滚动 #32

@coffeexy

Description

@coffeexy

-webkit-overflow-scrolling: touch;

当年我还分不清局部滚动和全局滚动,开发的时候看起来没有什么区别,甚至觉得自己投机取巧(因为局部滚动相当于把body的高度限定成100%一屏比较方便)

贴个专业的文档👇👇👇
wechat_1464685904
文档说要作用在overflow: scroll;的元素上。但实践证明局部滚动时即使父元素设置overflow: hidden;并设置-webkit-overflow-scrolling: touch;,子元素也起作用。
所以我们只能猜测该元素有继承属性。且实践证明android4.4.4也支持这个属性。
所以现在看来就丝般顺滑的滚动局部滚动还是全局滚动并没有区别。

BUT来了!
局部还是没有全局滚动的优势:全局滚动浏览器能自动隐藏标题栏,且有回弹效果(且天然的惯性滚动)

另如果有遇到部分不支持的浏览器的bug,可以尝试这个方法👇👇👇
wechat_1464686927

记一次聊天记录📝📝📝

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions