如何div滚动时主页面不跟着滚动?

发布网友发布时间：2022-05-25 21:22

共2个回答

热心网友时间：2024-10-20 07:55

在弹出DIV的时候暂时取消主页面的滚动条，关闭DIV的时候再恢复滚动条：
<html>
<head>
<style>
html,body {height:3000px}
#win {display:none; position:absolute; left:100px; top:100px; width:500px; height:300px; overflow-y:scroll; border:1px solid #000}
#content {height:2000px;}
</style>
<script>
window.onload=function(){
var html=document.querySelector("html");
var body=document.querySelector("body");
openWin.onclick=function(){
html.style.overflow="hidden";
body.style.overflow="hidden";
win.style.display="block";
return false;
}
closeWin.onclick=function(){
html.style.overflow="visible";
body.style.overflow="visible";
win.style.display="none";
return false;
}
}
</script>
</head>
<body>
<a id="openWin" herf="#">打开DIV</a>
<div id="win">
<div id="content">
<a id="closeWin" herf="#">关闭DIV</a>
</div>
</div>
</body>
</html>

热心网友时间：2024-10-20 07:56

鼠标在div里外面的滚动条是不会一起动的，除了div的后面没有内容了