实时获取div滚动条滚动距离?
发布网友
发布时间：2022-05-04 18:22
共3个回答
热心网友
时间：2022-04-24 12:05
.b{
width:400px;
height:300px;
background-color:#CC0;
overflow-y:scroll;
}
</style>
<body>
<div class="b" id="b">子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单</div>
</body>
<script>
var w = document.getElementById("b");
w.onscroll=function(e)
{
console.log(w.scrollTop);
}
</script>
以上代码测试通过
热心网友
时间：2022-04-24 13:23
改成
<divid="mess_box"style="height:400pxwidth:400px;overflow-y:auto;"></div>
绝对不能用百分比去定义宽高值.
上下滚动的滚动条是overflow-y,不是overflow-x.
如果你是想左右滚动,那么overflow-y应该定义为hidden.这样数据就不会往下了.
热心网友
时间：2022-04-24 14:58
你监听body的scrollTop 就有滚动条高度了追问可是body没有滚动条啊。body中有很多div，只有一个div中有滚动条。我想一滚动，就看到滚动的距离，我这样写，就可以看到，
window.onclick = function(){
var wrap =document.getElementById("wrap");
console.log(wrap.scrollTop + "px");
可是 scroll的就不行，不知道为什么？
追答可以把你的布局发出来看看吗 不是很理解
