加载[关闭未解][重复]时隐藏滚动条
我想在我的页面加载时隐藏滚动条
这是我的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 -->
共有2个答案
如果您想在一开始就隐藏它，那么就使用css
body {
overflow: hidden;
}
当你想隐藏在某个事件上的时候把这个放进去
document.body.style.overflow = 'hidden';
当你想要展示的时候把这个
document.body.style.overflow = 'visible';
如果您想在页面加载时使其可见，那么就放入css并在页面加载时使用overflow：visible
<body class="noscroll">...</body>
// css
body.noscroll { overflow: hidden }
// when you need scroll, just remove class from body and scroll return
$("body").removeClass('noscroll');
-
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML CSS
-
我有一个，其元素样式如下： 我需要允许滚动沿Y轴当它变得高于300px，这工作很好。但我需要将设置为滚动条本身。 我尝试使用这个元素样式： 当它隐藏滚动条时，它也不允许滚动。有没有一种方法可以在滚动条不可见的情况下滚动？
-
有没有一种方法可以隐藏滚动条，但仍然保留向上/向下滚动的选项？我尝试溢出：隐藏；它删除滚动条，但我不能滚动。
-
我遇到了麻烦，试图隐藏滚动条对某些div。我在论坛上找到了一些解决方案，但它们从来不符合我的情况，所以我仍然在努力解决这个问题。我的问题：我试图隐藏滚动条在一个div嵌套在另一个div的非固定大小。（它们设置为身体的100%）。 以下是HTML： 和CSS： 此处提供代码本 我希望#event-list和#event-details没有滚动条，但仍然是可滚动的。如果你有什么想法（CSS？JS？jQ
-
问题内容： 我想知道是否有可能隐藏滚动条，而仍然使用鼠标/键盘启用滚动。 我尝试使用CSS ：。效果是禁用滚动条 和 禁用滚动。 问题答案： 为了将来参考，还有一个没有jQuery的解决方案-仅使包装div样式包含并使用以下JavaScript两行代码：
-
这是我使用的一个引用，它解释了如何使一个div在其滚动条隐藏的情况下可滚动。唯一的区别是我有嵌套的div。检查我的小提琴 HTML： CSS： 像上面，我有一个溢出的水平div和我想隐藏它的滚动条。我必须使其仍然可滚动，因为否则将无法工作。 更新： 我已经读了所有的答案，但我仍然没有解决我的问题，也不知道是什么原因造成的。这是有麻烦的生活。基本上，我试图遵循这几乎完全相同的，但一定有一些原因，我的