ASP
如何使页加载完成前，滚动条失效
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区这是我的一段代码：
<style>
.black_overlay{ display: none; position:absolute; margin-top: 0%; margin-left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=55); }
.white_content { display: none; position:absolute; margin-top:: 27%; margin-left: 28%; width: 44%; height: 46%; padding: 16px; border: 4px solid orange; background-color: white; z-index:1002; overflow: auto; }
</style>
<body onload="document.getElementById('light').style.display='block';document.body.scroll='no';document.getElementById('fade').style.display='block'">
现在问题是如果页面没完全载入，用户就拉动滚动条的话，弹出的.black_overlay和.white_content 就无法显示在当前的屏幕，而是在顶部。所以我想问问有没有什么办法在页面加载完成前，让滚动条失效无法滚动，因为onload只有页面加载完了才会触发。如果不行的话，能否让层根据当前屏幕位置来定位，而不是始终在第一屏的位置，一滚动还是在上面。或者是在onload触发时让页面自动回到顶部，原来用onclick时是可以加个锚的，现在onload没法加，希望高手帮帮忙忙，3个方法只要能给出一个方法就行，能解决问题的，不甚感激！！！
<style>
.black_overlay{ display: none; position:absolute; margin-top: 0%; margin-left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=55); }
.white_content { display: none; position:absolute; margin-top:: 27%; margin-left: 28%; width: 44%; height: 46%; padding: 16px; border: 4px solid orange; background-color: white; z-index:1002; overflow: auto; }
</style>
<body onload="document.getElementById('light').style.display='block';document.body.scroll='no';document.getElementById('fade').style.display='block'">
现在问题是如果页面没完全载入，用户就拉动滚动条的话，弹出的.black_overlay和.white_content 就无法显示在当前的屏幕，而是在顶部。所以我想问问有没有什么办法在页面加载完成前，让滚动条失效无法滚动，因为onload只有页面加载完了才会触发。如果不行的话，能否让层根据当前屏幕位置来定位，而不是始终在第一屏的位置，一滚动还是在上面。或者是在onload触发时让页面自动回到顶部，原来用onclick时是可以加个锚的，现在onload没法加，希望高手帮帮忙忙，3个方法只要能给出一个方法就行，能解决问题的，不甚感激！！！
...全文
相关推荐
Android手机版浏览器DIV滚动条失效解决方案
NULL 博文链接：https://axl234.iteye.com/blog/2063619
Extjs grid panel自带滚动条失效的解决方法
对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效，好了，现在来说说怎么解决scrollbar失效
IOS上iframe的滚动条失效的解决办法
主要为大家详细介绍了IOS上iframe的滚动条失效的解决办法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
listview自定义滚动条样式
通过反射技术，自定义ListView滚动条的样式
div模拟滚动条当div宽度小于18时滚动条不滚动
IE浏览器，div模拟滚动条，div宽度小于18 滚动条不滚动 环境 win7 IE 10 代码： 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>scroll</title> <meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″> <meta http-equiv=”description” content=”this is my page”> <meta http-equiv=”content-type” content=”text/html; charset=U
