Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
haizhilin2013 opened this issue Jul 2, 2019 · 9 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the css css label Jul 2, 2019
@qipeijun
Copy link

qipeijun commented Jul 3, 2019

-webkit-overflow-scrolling: touch;

@tongshoutongjiao
Copy link

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

@hzfvictory
Copy link

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

@yxkhaha
Copy link

yxkhaha commented Jul 3, 2019

-webkit-overflow-scrolling: touch;

@shuai4983958
Copy link

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

@haizhilin2013
Copy link
Collaborator Author

@shuai4983958 主要是在移动端

@forever-z-133
Copy link

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

@Kntt
Copy link

Kntt commented Jul 5, 2019

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

这个会启动硬件加速,会更流畅~

@smile-2008
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css css
Projects
None yet
Development

No branches or pull requests

9 participants