我使用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>
这种行为是期待的吗?如何在浏览器中滚动 我还有手指在屏幕上?
答案 0 :(得分:0)
显然,这不是一个错误,它是一个功能: - /
根据this answer to a similar question,整个“触摸事件结束后仅移动”是iPad的标准行为。
所以我想我可以去为skroller做一些事情来反应滚动事件,而不是对touchstart / touchend事件作出反应。 非常不满意......