jquery - 移动网站上的返回页首链接在 Android 上不起作用

Question

我有一个有趣的问题。我正在建立一个面向移动设备的网站(请注意，这不是关于移动网络应用程序的问题，它是一个纯 HTML/CSS/javascript 网站)。 我们需要在所有页面的页脚中实现“返回顶部”链接，以便在小屏幕设备上更容易导航到顶部。

我现在将展示代码，只是想提一下这在 iphone/ipod touch 设备上完美运行，甚至在我的 FF、safari 和 chrome 桌面浏览器上也能正常运行。但在 Android 上它就是不想工作。

在我的安卓设备上重现错误的步骤: - 向下滚动到页面底部。 - 单击返回顶部链接。 -- 页面很好地向上滚动，但随后闪烁并再次向下滚动到页面底部。

看起来滚动事件几乎不会在后台停止，一旦 scrollto 函数完成，它会再次恢复滚动到底部。我的代码应该会终止所有当前正在运行的动画，我希望它能解决这个问题。但事实并非如此。

这是我的代码:

 $(document).ready(function() {
  $('a.linktop').click(function() {
    $('body,html').stop(true, true).animate({
        scrollTop: 0
    },
    250);
    return false;
  });
 });

如有任何帮助，我们将不胜感激。

Answer 1

我用过

$('html, body').animate({scrollTop: 0}, 800); 

对于一个 jQuery Mobile 返回顶部插件，它在 Android 上工作，没有你遇到的问题。

在这里查看代码 http://operationmobile.com/jquery-mobile-ux-add-a-back-to-top-button/