获取滑块的边界

Question

我正在创建一个新的滑块，它将与我自己编写的Javascript库集成。我完成了动画部分。但无法检测何时停止滑动，即到达边界。

滑块看起来像这样。

-------------
|           |
| some cont |
| some othr |
| something |
| abcdefghi |
|           |
-------------

在顶行（一个div栏）上移动，滑块向上移动，向下移动。 我正在使用这种技术，

top: -(foo)px;

移动内部div内容。

我的问题是。如何根据div中的内容获取div的高度，以便我知道何时应该停止缩小top属性。

Answer 1

scrollHeight属性可能正是您所寻找的。

if (elem.scrollHeight == elem.scrollTop) {
    // bottom
}

if (elem.scrollHeight == elem.scrollBottom) {
    // top
}

if (elem.scrollWidth == elem.scrollRight) {
    // left
}

if (elem.scrollWidth == elem.scrollLeft) {
    // right
}