Question

我试图让它工作并且不成功。我只想让我的移动页面视图加载到顶部。我尝试了以下内容。

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

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

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

我先尝试here，但未成功。

我只想在单击移动设备中的链接时始终从页面顶部开始。我不知道为什么这些解决方案都不起作用。

Answer 1

您也可以使用 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/

Answer 2

您应该在$(this).scrollTop(0);来电like so中加入$(document).ready();：

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

在您的代码中，您拨打的是$(this).scrollTop(0); before the page unloads，而不是after the page and DOM have been reloaded。

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

2 个答案: