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，整个“触摸事件结束后仅移动”是iPad的标准行为。

所以我想我可以去为skroller做一些事情来反应滚动事件，而不是对touchstart / touchend事件作出反应。非常不满意......

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

1 个答案: