加载时隐藏滚动条[已关闭且未解决] [重复]答案

【问题标题】：Hide Scroll Bar when loading [CLOSED AND UNSOLVED] [duplicate]加载时隐藏滚动条[已关闭且未解决] [重复]
【发布时间】：2020-10-13 23:20:55
【问题描述】：

我想在页面加载时隐藏滚动条

这是我的 javascript

<script type='text/javascript'>
//paste this code under the head tag or in a separate js file.
  // Wait for window load
  $(window).load(function() {
    // Animate loader off screen
    $(&quot;.se-pre-con&quot;).fadeOut(&quot;slow&quot;);;
  });
</script>

（编辑：）我忘记包含 css ......对不起

<!-- CSS Loading Start -->
.no-js #loader { display: none; background-color:#0c0c0c; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; background-color:rgb(12,12,12); }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(https://cdn.discordapp.com/attachments/724396372891009086/724725986326741032/Loading_Bar_Animation.gif) center no-repeat #000000;
}
<!-- CSS Loading End -->

【问题讨论】：

只是让你的页面更小，这样就不需要滚动了吗？
可能是 JavaScript 错误：$(".se-pre-con").fadeOut("slow");

标签： javascript html loading

【解决方案1】：

<body class="noscroll">...</body>

// css
body.noscroll { overflow: hidden }

// when you need scroll, just remove class from body and scroll return
 $("body").removeClass('noscroll');

【讨论】：

我按照你说的做了，但是......它不起作用。我认为是因为模板（我使用博主）。
谁能检查我的模板...？ pastebin.com/raw/niaadEkP我不知道怎么放代码... (CTRL + F "noscroll")

【解决方案2】：

如果你想在一开始就隐藏它，那么使用 css

body {
  overflow: hidden;
}

当你想隐藏某些事件时放这个

document.body.style.overflow = 'hidden';

当你想显示时放这个

document.body.style.overflow = 'visible';

如果你想让它在页面加载时可见，那么放置 css 并使用 overflow:visible on page load

【讨论】：

是的，我想从头开始隐藏我添加了这个溢出：隐藏；到 .js #loader AND .se-pre-con 但滚动条仍然存在...
添加正文 { 溢出：隐藏； } 到 css 文件，然后 document.body.style.overflow = 'visible';到 $(window).load(function()
滚动条是正文元素而不是文档元素