如何防止滚动直到页面加载

Ana*_*ndu 5 html javascript jquery scroll loading

我使用此JavaScript直到我的页面加载它显示一个简单的图像.但问题是用户可以滚动页面使加载动画向上移动.我想阻止这个.任何人请帮助我.我使用的代码.Scrolling在Linux(ubuntu)中被预防但我能够在Windows中滚动

小智 7

使用此选项禁用滚动:

没有滚动

$('html, body').css({
  'overflow': 'hidden',
  'height': '100%'
})
Run Code Online (Sandbox Code Playgroud)

再次这是为了在页面加载完成或页面就绪后启用滚动:

滚动

$('html, body').css({
  'overflow': 'auto',
  'height': 'auto'
})
Run Code Online (Sandbox Code Playgroud)

尽管在主流浏览器上进行了测试,但如果出现任何问


gwi*_*lie 1

如果你按照@joe的建议做了,并且没有可用的js,并且稍后没有应用另一个CSS规则,那么屏幕将无法滚动。最好在正文标记后添加立即应用的脚本

<body>
<script>
  $('html, body').css({ 'overflow': 'hidden', 'height': '100%' })
</script>
...
  markup blah blah blah
...
<script>
  $('html, body').removeAttr('style')
</script>
</body>
Run Code Online (Sandbox Code Playgroud)

并在 body 标记之前的底部添加另一个脚本来删除样式属性。

如果您使用 css 而不是 js,只需将样式标签放在放置脚本标签的同一位置即可