获取滑块的边界

Get the boundary of a slider

本文关键字:边界 获取      更新时间:2023-09-26

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

滑块看起来像这样。

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

当鼠标悬停在最上面的一行(div条)上时,滑块向上移动,向下移动也是如此。我用的是技术

top: -(foo)px;

以移动内部div内容。

我的问题是,如何根据div内部的内容来获得div的高度,这样我就可以知道什么时候应该停止减少top属性。

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
}