Question

当网页加载到触摸屏设备上时，即使滚动条已经位于页面顶部，也可以向上滚动（通过向下拉动手指）。当用户从屏幕上移开他们的手指时，页面会滚动回其默认位置。这通常似乎用于在iPhone应用程序中添加“刷新”类型功能，以实现“下拉刷新”功能。

这个'功能'导致我正在构建的flex应用程序中发生一些恼人的事情，我想阻止它发生。有谁知道：

此功能的名称;
如何关闭它？

奇怪的是，边界效应只发生一次。它发生后它不会再发生，我的Flex应用程序很好。

我使用的是Microsoft Surface RT，它只附带Internet Explorer 10，但我认为它适用于所有触摸屏设备和所有浏览器。

我按照基本HTML页面中的建议尝试了以下操作，但它没有任何效果：

<script type="text/javascript">
        window.addEventListener('load', function() {
            document.body.addEventListener('touchmove', function(e) {
                e.preventDefault();
            }, false);
        }, false);
</script>

Answer 1

在ManipulationBoundaryFeedback：

Windows 7 Touch Screen "Shrug"

Windows RT似乎没有这个选项，但显然正在发生这种情况。

Answer 2

您可以尝试此处描述的方法：MSDN: Pointer and Gesture Events

你需要一个像这样的代码块：

element.addEventListener('touchmove', function(e) { e.preventDefault(); }, false);

这是另一个例子：PhoneGap: Prevent Scrolling

希望有所帮助！

触摸屏下拉页面上方的空白区域

2 个答案: