在纯 CSS 视差中平滑滚动

Posted 2023-03-05

技术标签:

【中文标题】在纯 CSS 视差中平滑滚动【英文标题】：smooth scrolling in pure css parallax 【发布时间】：2015-03-05 10:57:59 【问题描述】：

演示http://jsfiddle.net/11ec63xj/1/

尝试在iphone中打开上面的demo，滚动一点都不流畅。后来我学会了使用

  -webkit-overflow-scrolling: touch;

但它破坏了我的视差效果。

【问题讨论】：

【参考方案1】：

尝试添加

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

到.parallax div

http://jsfiddle.net/11ec63xj/4/

应该这样做:)

【讨论】：

以上是关于在纯 CSS 视差中平滑滚动的主要内容，如果未能解决你的问题，请参考以下文章