0

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

这个“功能”导致我正在构建的 flex 应用程序中发生一些烦人的事情,我想阻止它发生。有人知道吗:

  1. 此功能的名称;
  2. 如何关闭它?

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

我正在使用仅附带 Internet Explorer 10 的 Microsoft Surface RT,但我认为它对所有触摸屏设备和所有浏览器都是通用的。

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

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

2 回答 2

0

操作边界反馈:

Windows 7 触摸屏“耸肩”

Windows RT 似乎没有该选项,但这显然是正在发生的事情。

于 2013-09-24T17:15:24.140 回答
0

您可以尝试此处描述的方法:MSDN:指针和手势事件

您将需要这样的代码块:

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

这是另一个示例:PhoneGap:防止滚动

希望有帮助!

于 2013-09-24T17:32:52.583 回答