強制頁面加載頂部+頁面加載時禁用滾動

Question

我的頁面有點不好，如果頁面加載一半（如果鏈接到URL末尾的＃處），或者如果您在加載器正在顯示。

如何在頁面加載時使用JS禁用滾動，並強制頁面加載到最頂端。

感謝

Answer 1

你可以試試這個：

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

Answer 2

// First you load the page at the top by adding a simple # at the end 
$(document).ready(function() { 
    var url = window.location.href; 
    console.log(url); 
    if(url.indexOf('#') < 0) { 
     window.location.replace(url + "#"); 
    } else { 
     window.location.replace(url); 
    } 
}); 
//Freeze page content scrolling while the page is loading 
$(document).ready(function() { 
    if($("html").css("position") != "fixed") { 
     var top = $("html").scrollTop() ? $("html").scrollTop() : $("body").scrollTop(); 
     if(window.innerWidth > $("html").width()) { 
      $("html").css("overflow-y", "scroll"); 
     } 
     $("html").css({"width": "100%", "height": "100%", "position": "fixed", "top": -top}); 
    } 
}); 
//Unfreeze page content scrolling when the page has finished loading 
$(window).load(function() { 
     if($("html").css("position") == "fixed") { 
      $("html").css("position", "static"); 
      $("html, body").scrollTop(-parseInt($("html").css("top"))); 
      $("html").css({"position": "", "width": "", "height": "", "top": "", "overflow-y": ""}); 
     } 
});