我目前正在为 jQuery 插件开发自定义函数。我们想模仿 iOS 的弹跳和捕捉(所以当用户向上滚动太多时,视口允许它,然后向下弹回),类似地,当用户到达底部时,我们将其捕捉回最大位置(希望那讲得通)。
我正在使用translate3d()
允许硬件加速,并相应地设置 y 值。这很好用,但我想要一种方法来计算translate3d
函数的最大有效 y 值,所以我们可以通过简单地设置这个值来轻松地将滚动条设置到底部。
有谁知道我如何做到这一点?我可以访问以下维度:
- 容器内部高度
- 容器外部高度
- 容器滚动高度
- 包装器内部高度
- 包装器外层高度
- 包装滚动高度
这是滚动的标记div
:
<div class="scroll">
<div class="scroll-wrapper">
<!-- My Content is in Here -->
</div>
</div>