skrollr 页面仅在 iOS 设备上滚动后移动

Question

我用 skrollr 建立了一个网站，这是我年度最佳个人插件。

除 iPad mini 外，它在大多数情况下都能正常工作。我还没有机会在其他 iOS 设备上测试它。

问题是，在我停止滚动之后，网站才开始滚动。所以，基本上，我将手指放在屏幕上并开始拖动，但没有任何反应。只有当我停止滚动并将手指从屏幕上移开时，网站才会开始以正确的方式滚动。

<div id="skrollr-body">
    <div id="scene1" class="scene" data-anchor-target="#scene1-anchor"
            data-0-top="visibility: visible"
            data--1950-top="visibility: visible"
            data--2000-top="visibility: hidden">
    </div>

</div>

#skrollr-body {
    height: 100%;
    position: fixed;
    width: 100%;
}
.scene {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background-color: white;
}

<script>
var s = skrollr.init({
            smoothScrolling: true,

            keyframe: function(element, name, direction) {
                // add videos only after scrolling for a bit
            },
            mobileCheck: function() {
                // makes no difference :-(
                return false;
            }
        });
</script>
</body>

这种行为是否符合预期？如何让浏览器滚动而我的手指仍在屏幕上？

Answer 1

显然，这不是错误，而是一个功能:-/

根据 this answer to a similar question，整个 "only move after touch event is over" 是 iPad 的标准行为。

所以我想我可以为 skroller 设置一些东西，使其不对滚动事件做出反应，而是对 touchstart / touchend 事件做出反应。很不满意...

skrollr 页面仅在 iOS 设备上滚动后移动

skrollr page only moves after scrolling on iOS device

javascript

ios

skrollr