为什么skrollr防止在ipad上的scolling?

为什么skrollr防止在ipad上的scolling?,第1张

概述我正在尝试用 skrollr创建一个简单的视差动画:我的网站在Chrome / Mac上运行良好,但我在ipad上看到不寻常的行为.. 在ipad(在IOS模拟器上测试), >页面的主体不会完全滑动(或者可能在背景中滚动,在动画div下面) >动画背景位置(折纸图案)在data-start / data-top-bottom中定义的范围内沿相反方向(向下)向上滚动 在桌面上,我可以模拟效果的效果, 我正在尝试用 skrollr创建一个简单的视差动画:我的网站在Chrome / Mac上运行良好,但我在ipad上看到不寻常的行为..

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

>页面的主体不会完全滑动(或者可能在背景中滚动,在动画div下面)
>动画背景位置(折纸图案)在data-start / data-top-bottom中定义的范围内沿相反方向(向下)向上滚动

在桌面上,我可以模拟效果的效果,如果我将div#hero取代为position:fixed;在Chrome开发工具.

> skrollr examples在IOS模拟器中的预期工作.
>我有< div ID =“skrollr-body”>< / div>在关闭之前< / body>标签

http://memelab.com.au/?skrollr

(请注意,skrollr仅使用上面的querystring进行初始化)

有什么建议么?

TIA,Tim

解决方法 你只是天真地添加了一个空的#skrollr-body元素.文件说

Starting with skrollr 0.6.0 there’s just one thing you need to do: Include an element on your page with the ID skrollr-body. That’s the element we move in order to fake scrolling.

如果这是我们移动虚拟滚动的元素,那么所有的元素都需要在它的内部(除非它们是固定的).

The only case were you don’t need a #skrollr-body is when using position:fixed exlusively. In fact the skrollr website doesn’t include a #skrollr-body element. If you need both fixed and non-fixed (i.e. static) elements,put the static ones insIDe the #skrollr-body element.

https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers

总结

以上是内存溢出为你收集整理的为什么skrollr防止在ipad上的scolling?全部内容,希望文章能够帮你解决为什么skrollr防止在ipad上的scolling?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1085384.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存