Javascript 强制页面在顶部加载+;在页面加载时禁用滚动

Javascript 强制页面在顶部加载+;在页面加载时禁用滚动,javascript,jquery,html,css,load,Javascript,Jquery,Html,Css,Load,我的页眉有点小毛病,如果页面加载到一半(如果链接到URL末尾的w/a#),或者在加载程序显示时滚动,页眉就会断开 如何使用JS在页面加载时禁用滚动,并强制页面在最顶端加载 谢谢你可以试试这个: $(document).ready(function(){ $(this).scrollTop(0); }); //首先,在页面顶部添加一个简单的#来加载页面 $(文档).ready(函数(){ var url=window.location.href; console.log(url); if

我的页眉有点小毛病,如果页面加载到一半(如果链接到URL末尾的w/a#),或者在加载程序显示时滚动,页眉就会断开

如何使用JS在页面加载时禁用滚动,并强制页面在最顶端加载

谢谢你可以试试这个:

$(document).ready(function(){
    $(this).scrollTop(0);
});
//首先,在页面顶部添加一个简单的#来加载页面
$(文档).ready(函数(){
var url=window.location.href;
console.log(url);
if(url.indexOf(“#”)<0{
window.location.replace(url+“#”);
}否则{
window.location.replace(url);
}
});
//加载页面时冻结页面内容滚动
$(文档).ready(函数(){
if($((“html”).css(“位置”)!=“固定”){
var top=$(“html”).scrollTop()?$(“html”).scrollTop():$(“正文”).scrollTop();
如果(window.innerWidth>$(“html”).width()){
$(“html”).css(“overflow-y”、“scroll”);
}
css({“宽度”:“100%”,“高度”:“100%”,“位置”:“固定”,“顶部”:-top});
}
});
//页面加载完成后,取消冻结页面内容滚动
$(窗口)。加载(函数(){
if($((“html”).css(“位置”)=“固定”){
$(“html”).css(“位置”、“静态”);
$(“html,body”).scrollTop(-parseInt($(“html”).css(“top”));
$(“html”).css({“位置”:“宽度”:“高度”:“顶部”:“溢出-y”:“});
}
});

您能分享一些代码吗?这样我们才能感谢你们的帮助,决定放弃这个网站,重新开始!谢谢你的帮助,我很感激。我决定重新开始,所以一切都不乱!看起来不错!
// 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": ""});
        }
});