haizlin/fe-interview

[css] 第78天 遇到overflow: scroll不能平滑滚动怎么解决？

haizhilin2013 opened this issue · 9 comments

haizhilin2013 commented

第78天 遇到overflow: scroll不能平滑滚动怎么解决？

qipeijun commented

-webkit-overflow-scrolling: touch;

  • 👍4
tongshoutongjiao commented

ipone 上解决方法是这样的，
-webkit-overflow-scrolling: touch;

hzfvictory commented

-webkit-overflow-scrolling: touch; 一般滚动是可以解决的，想要做的更加彻底只能使用滚动的事件了

yxkhaha commented

-webkit-overflow-scrolling: touch;

shuai4983958 commented

则个问题，原谅没看懂，
是考兼容问题还是 考overflow失效呢

haizhilin2013 commented

@shuai4983958 主要是在移动端

forever-z-133 commented

如果加上 transform: translate3d(0, 0, 0) 会更好，
但会出现层叠上下文造成部分元素覆盖关系的差异。

Kntt commented

如果加上 transform: translate3d(0, 0, 0) 会更好，
但会出现层叠上下文造成部分元素覆盖关系的差异。

这个会启动硬件加速，会更流畅～

MrZ2019 commented

ipone 上解决方法是这样的，
-webkit-overflow-scrolling: touch;