加载时隐藏滚动条[已关闭且未解决] [重复]
Posted
技术标签:
【中文标题】加载时隐藏滚动条[已关闭且未解决] [重复]【英文标题】：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
$(".se-pre-con").fadeOut("slow");;
);
</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"); 【参考方案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() 滚动条是正文元素而不是文档元素以上是关于加载时隐藏滚动条[已关闭且未解决] [重复]的主要内容，如果未能解决你的问题，请参考以下文章