Javascript中的内容偏移量

时间:2009-10-16 12:56:39

标签: javascript html offset

我想用滚动创建我自己的div实现,而不使用overflow: scroll;

但我似乎无法弄清楚如何获得div的内容偏移,有人知道吗?

1 个答案:

答案 0 :(得分:2)

我不完全确定我理解“内容偏移”是什么意思,但实现滚动式行为的一种方法是:

<div id="a">
    <div id="b">
        Lorem ipsum dolor pipsum.
    </div>
</div>

#a {
    position: relative;
    overflow: hidden;
    height: 100px;
}
#b {
    position: absolute;
    height: 200px;
}

现在,您可以通过更改#b的{​​{1}}属性在#a内滚动#b。将其滚动到底部意味着将top设置为top,将-100px设置为重置。

实现实际的滚动 - 将取决于您。以及鼠标滚轮支持等。