为什么skrollr阻止在ipad上滚动?

为什么skrollr阻止在ipad上滚动?,ipad,parallax,skrollr,Ipad,Parallax,Skrollr,我正在尝试创建一个简单的视差动画:我的网站在Chrome/Mac上运行良好,但我在ipad上看到了不寻常的行为 在ipad上(在IOS模拟器上测试) 页面的主体根本不滚动(或者可能在背景中滚动,在动画div下面?) 动画背景位置(折纸图案)在数据开始/数据上下 在桌面上,如果我将div#hero破解为位置:固定,我可以模拟效果 在IOS模拟器中完成预期的工作 我有就在结束标记之前 有什么建议吗?您只是天真地添加了一个空的#skrollr body元素。文件上说 从skrollr 0.6.

我正在尝试创建一个简单的视差动画:我的网站在Chrome/Mac上运行良好,但我在ipad上看到了不寻常的行为

在ipad上(在IOS模拟器上测试)

  • 页面的主体根本不滚动(或者可能在背景中滚动,在动画div下面?)
  • 动画背景位置(折纸图案)在
    数据开始
    /
    数据上下
在桌面上,如果我将
div#hero
破解为
位置:固定,我可以模拟效果

  • 在IOS模拟器中完成预期的工作
  • 我有
    就在结束
    标记之前

有什么建议吗?

您只是天真地添加了一个空的
#skrollr body
元素。文件上说

从skrollr 0.6.0开始,您只需要做一件事:在页面上包含一个id为skrollr body的元素。这就是我们为了假装滚动而移动的元素

如果这是我们为假滚动而移动的元素,那么您的所有元素都需要在其中(除非它们已固定位置)

唯一的情况是你不需要一个#skrollr身体是当使用位置:固定独家。事实上,skrollr网站不包含#skrollr body元素。如果需要固定和非固定(即静态)元素,请将静态元素放在#skrollr body元素中


换句话说,只需在开头的
标签后面添加一个
标签,然后在
标签前面添加一个
来关闭这个分区。

添加一个带有skrollr body id的div包装器完全没有任何作用,scroll在mobile上根本不起作用为什么?嗨,普林松!“在页面上包含一个id为skrollr body的元素。”我没有仔细查看示例:我已经将整个页面包装在了#skrollr body中,它可以工作!!德克萨斯州!愿意回答吗?公平的电话,谢谢-深夜和交叉线;案子结束了,这对我来说不太管用。结果是我无法滚动页面的整个高度。