实时获取div滚动条滚动距离？ 5
有个带滚动条的div，我想在控制台实时看到div滚动条的滚动距离。然而我现在只能看到一个数据，始终是0。请问如何能做到一滚动就能看到变化？js代码如下：window.on...
有个带滚动条的div，我想在控制台实时看到div滚动条的滚动距离。然而我现在只能看到一个数据，始终是0。请问如何能做到一滚动就能看到变化？js代码如下：
window.onload = function(){
function notFlow() {
var w = document.getElementById("wrap");
console.log(w.scrollTop);
};
}； 展开
window.onload = function(){
function notFlow() {
var w = document.getElementById("wrap");
console.log(w.scrollTop);
};
}； 展开
3个回答
展开全部
<style>
.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>
以上代码测试通过
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<divid="mess_box"style="height:400pxwidth:400px;width:97%;overflow-x:auto;overflow:scroll"></div>
改成
<divid="mess_box"style="height:400pxwidth:400px;overflow-y:auto;"></div>
绝对不能用百分比去定义宽高值.
上下滚动的滚动条是overflow-y,不是overflow-x.
如果你是想左右滚动,那么overflow-y应该定义为hidden.这样数据就不会往下了.
改成
<divid="mess_box"style="height:400pxwidth:400px;overflow-y:auto;"></div>
绝对不能用百分比去定义宽高值.
上下滚动的滚动条是overflow-y,不是overflow-x.
如果你是想左右滚动,那么overflow-y应该定义为hidden.这样数据就不会往下了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div 当然没有scrollTop啦
你监听body的scrollTop 就有滚动条高度了
你监听body的scrollTop 就有滚动条高度了
追问
可是body没有滚动条啊。body中有很多div，只有一个div中有滚动条。我想一滚动，就看到滚动的距离，我这样写，就可以看到，
window.onclick = function(){
var wrap =document.getElementById("wrap");
console.log(wrap.scrollTop + "px");
可是 scroll的就不行，不知道为什么？
追答
可以把你的布局发出来看看吗 不是很理解
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
