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

我现在将显示代码,只是想提到它在iPhone / iPod Touch设备上,甚至在我的FF,Safari和chrome桌面浏览器上都可以完美运行。但是在android上它只是不想工作。

在我的android设备上重现错误的步骤:
-向下滚动到页面底部。
-点击返回页首链接。
-页面滚动良好,但随后闪烁并再次向下滚动到页面底部。

滚动事件似乎并没有在后台停止,一旦scrollto功能完成,它将再次恢复滚动到底部。我的代码应该杀死所有当前正在运行的动画,我希望可以解决此问题。但事实并非如此。

这是我的代码:

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


任何帮助将不胜感激。

最佳答案

我用了

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


jQuery Mobile返回页首插件,它可以在Android上运行,而不会遇到您遇到的问题。

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

关于jquery - 返回页首移动网站上的链接在android上不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10588584/

10-10 02:14