Skrollr Parallax 实现中缺少 IOS 滚动条

IOS Scrollbar missing on Skrollr Parallax Implementation

本文关键字：IOS 滚动条 Parallax 实现 Skrollr      更新时间：2023-09-26

我使用Skrollr的固定位置视差代码构建了一个演示站点：

http://dev-jfw-sample-parallax-2.gotpantheon.com/

虽然滚动在我的

iPhone上效果很好，但垂直滚动条已经消失了 - 我希望滚动条如何指示还有其他内容。

现在，当我在iPhone上查看Skrollr演示页面（也使用固定定位）时，我会看到一个滚动条：

http://prinzhorn.github.io/skrollr/

我在 Drupal 中这样做，所以内容现在嵌套在多个div 中，这就是消除滚动条的原因吗？

我从开发人员那里得到了答案：

没有由 skrollr 添加的滚动条。自己添加一个，您可以使用 skrollr 轻松制作滚动条动画。

以 http://prinzhorn.github.io/skrollr/为例

<div id="scrollbar" data-0="top:0%;margin-top:2px;" data-end="top:100%;margin-top:-52px;"></div>
#scrollbar {position:fixed; right:2px; height:50px; width:6px; background:#444; background:rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.6); z-index:300; border-radius:3px;}
.skrollr-desktop #scrollbar {display:none;}
相关文章：