使移动页面始终在顶部加载

Question

我试图让它工作但没有成功。我只想让我的移动页面浏览量加载到顶部。我尝试了以下方法。

// Method 1:
$('body').scrollTop(0);

// Method 2:
document.body.scrollTop = 0;

// Method 3:
$(window).on('beforeunload', function(){
  $(window).scrollTop(0);
});

我先试了here，没成功。

我只想在移动设备中单击 link 时始终从页面顶部开始。我不知道为什么 none 这些解决方案有效。

Answer 1

您应该在 $(document).ready(); 调用中包含 $(this).scrollTop(0);，like so:

$(document).ready(function() {
    $(this).scrollTop(0);
});

在您的代码中，您正在调用 $(this).scrollTop(0); before the page unloads, rather than after the page and DOM have been reloaded。

Answer 2

您也可以使用 vanilla JS：

document.body.scrollTop = document.documentElement.scrollTop = 0;

或 JQuery

$(document).ready(function() {
    $(this).scrollTop(0);
});

也试试

$('html,body').scrollTop(0);

同时查看此演示，可能会有所帮助 https://jsfiddle.net/a_incarnati/v575uvyb/2/

使移动页面始终在顶部加载

Make mobile page always load at the top

javascript

jquery

scrolltop