jQuery .onload函数删除滚动条直到页面加载不起作用

时间:2016-11-26 10:09:23

标签: javascript jquery css overflow onload

我想要一个jQuery函数来删除垂直滚动条,直到页面完全加载但它似乎没有工作。对问题的任何见解都会很棒。谢谢!

$(window).on('load', function () {    
    $('body').addClass('stop-scrolling');   
    $('body').removeClass('stop-scrolling');
});
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

1 个答案:

答案 0 :(得分:3)

这里的问题是,在页面加载完成之后,你的JS才会运行。这意味着滚动条在页面加载的整个时间都是可见的。然后,一旦页面加载,您添加停止滚动类,然后,几毫秒后,您再次删除它。最终结果是没有任何事情发生。

要实现您的需求,请将.stop-scrolling类直接放在<body>元素的页面HTML源代码中,然后 将其删除{{1}事件处理程序。