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)
尽管在主流浏览器上进行了测试,但如果出现任何问
如果你按照@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,只需将样式标签放在放置脚本标签的同一位置即可
| 归档时间: |
|
| 查看次数: |
14227 次 |
| 最近记录: |