在相对定位的<div>容器</div>中获取滚动位置

时间:2014-06-25 03:56:58

标签: javascript jquery web

当内容位于容器div中时,有没有办法找出有人滚动了多少位置:relative。当position设置为absolute时,我似乎只能使用JavaScript或JQuery获取滚动位置,但这会中断站点布局。这有什么解决方案吗?

1 个答案:

答案 0 :(得分:0)

在小提琴中似乎没有任何问题:http://jsfiddle.net/dQ69u/

#container{
    position:relative;
    overflow-y:scroll;
    width:400px;
    height:400px;
    background-color:#CCC;
}
#scrollable{
    position:relative;
    width:80%;
    margin-left:10%;
    height:1000px;
    background-color:#000;
}

甚至在这一个:http://jsfiddle.net/dQ69u/1/

#container{
    position:relative;
    overflow:hidden;
    width:400px;
    height:400px;
    background-color:#CCC;
}
#scrollable{
    position:relative;
    width:80%;
    margin-left:10%;
    height:1000px;
    background-color:#000;
}
#scrollBox{
    position:relative;
    overflow-y:scroll;
    width:80%;
    margin-left:10%;
    height:400px;
}