禁用Android的chrome下拉刷新功能

Question

这是一个方便的特性，但我想知道是否可以用一些元标记（或javascript东西）禁用它，因为用户在导航列表时可以很容易地触发刷新，整个应用程序会重新加载。

而且，这是应用程序不需要的特性。

<罢工> 我知道这个功能仍然只在Chrome测试版中可用，但我有一种感觉，这个功能也将登陆稳定的应用程序。

var lastTouchY = 0;
var preventPullToRefresh = false;

$('body').on('touchstart', function (e) {
    if (e.originalEvent.touches.length != 1) { return; }
    lastTouchY = e.originalEvent.touches[0].clientY;
    preventPullToRefresh = window.pageYOffset == 0;
});

$('body').on('touchmove', function (e) {
    var touchY = e.originalEvent.touches[0].clientY;
    var touchYDelta = touchY - lastTouchY;
    lastTouchY = touchY;
    if (preventPullToRefresh) {
        // To suppress pull-to-refresh it is sufficient to preventDefault the first overscrolling touchmove.
        preventPullToRefresh = false;
        if (touchYDelta > 0) {
            e.preventDefault();
            return;
        }
    }
});

正如@bcintegrity指出的，我希望将来有一个站点清单解决方案（和/或元标记）。

此外，欢迎对上述代码提出建议。

Answer 1

通过执行以下任一操作，可以有效地防止拉到刷新效果的默认操作：

• preventdefault'设置触摸序列的某些部分，包括以下任一项（按破坏性最大到最小的顺序排列）：
  • a。整个触摸流（不理想）。
  • b。所有顶部覆盖的触摸移动。
  • C。第一个顶部覆盖TouchMove.
  • D。只有当1）页面y滚动偏移量为零时发生初始touchstart并且2）touchmove将导致顶部覆盖时，才会出现第一次顶部覆盖touchmove。

  查看更多