我有一个有趣的问题。我正在建立一个针对移动设备的网站(请注意,这不是有关移动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/