javascript - iPad 上的 Skrollr 截止

标签 javascript skrollr

我正在使用 Skrollr 插件,它在桌面上运行良好。 但在 iPad 上,我的文档的高度被 chop 了。我尝试删除所有 skrollr 数据属性,但问题仍然存在,我注意到只需激活插件就会遇到此问题。

我尝试启用/禁用forceHeight选项,但问题仍然存在。有什么想法吗?

非常感谢

最佳答案

我也遇到了这个问题,但我通过向 #skrollr-body 添加空的 data-topdata-bottom 来修复它强>分区。 (尽管根据您的 HTML 清理器的严格程度,您可能需要添加 data-top=""data-bottom="")

<body>
   <div id="skrollr-body" data-top data-bottom>
       Your content here.
   </div>
</body>

我仍在研究此修复程序为何有效的解释,但我相信它与设置关键帧有关。通过确保您的 #skrollr-body 具有顶部和底部的关键帧,可以确保两者都在视口(viewport)中可见。

更多详细信息请参见:https://github.com/Prinzhorn/skrollr/issues/576

关于javascript - iPad 上的 Skrollr 截止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25608911/

相关文章:

Javascript:通过包含方法过滤数组

javascript - skrollr 导致干预错误并更改 element.style 的 body 和 html 溢出 : hidden

javascript - Skrollr:进度条在页面结束前很久就完成了

javascript - 使用 React 和 Axios 更新 Firebase 中的数据

javascript - 如何将一个 div 保持在另一个动画 div 后面

javascript - Service worker 如何防止 'fetch' 占用过多磁盘空间?

javascript - 使用skrollr.js实现横向效果

javascript - 了解 Skrollr 数据值

javascript - 当元素变得可见时增加?

javascript - React Hook "useContext"在函数 "age"中调用,该函数既不是 React 函数组件,也不是自定义 React Hook 函数