当网页在触摸屏设备上加载时,即使滚动条已经位于页面顶部,也可以向上滚动(通过向下拉手指)。当用户将手指从屏幕上移开时,页面将滚动回其默认位置。这似乎通常用于在 iPhone 应用程序中添加“刷新”类型的功能,以实现“下拉刷新”功能。
这个“功能”导致我正在构建的 flex 应用程序中发生一些烦人的事情,我想阻止它发生。有人知道吗:
- 此功能的名称;
- 如何关闭它?
奇怪的是,边界效应只发生一次。它发生后它不会再次发生,我的 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>