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

jQuery .onload Function to Remove Scrollbar Until Page Load Not Working

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

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

这里的问题是您的 JS 不会 运行 直到 页面加载完成之后。这意味着滚动条在页面加载的整个过程中都是可见的。然后,一旦页面加载,您添加停止滚动 class,然后,几毫秒后,您再次将其删除。这样做的最终结果是什么都没有发生。

要实现您的需要,请将 .stop-scrolling class 直接放在 HTML 页面源中的 <body> 元素上,然后 window.load 事件处理程序中删除它。