在纯 CSS 视差中平滑滚动

Posted

技术标签:

【中文标题】在纯 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 视差中平滑滚动的主要内容,如果未能解决你的问题,请参考以下文章