如何向 scrollTop() 函数添加填充

Posted 2023-05-08

【中文标题】如何向 scrollTop() 函数添加填充

【英文标题】：How to add padding to scrollTop() function

【发布时间】：2012-12-24 05:27:06

【问题描述】：

我有一个包含 div 列表的父 div。 在父 div 中，我还在父 div 的顶部添加了固定定位的 div。 基于我调用的一些操作：

$('#parent').animate(       
                    scrollTop: $("#" + itemId).offset().top  - $('#parent').offset().top + $('#parent').scrollTop()
                     , 500);

这成功滚动到一个 div 并将其放在顶部。 问题是当搜索到的 div 位于顶部时，我看不到它，因为它位于固定 div 下方。

<div id="parent">
<div id="fixedDiv" style="position: fixed;
z-index: 999;
background: #000;
width: 300px;">
... some elements ...
</div>
<ul>
... list of divs...
</div> 

是否有一些解决方案可以滚动到从父级顶部填充的 div？

【问题讨论】：

只需将固定 div 的高度减去 scrollTop 声明（ - 100 在行尾开始）。应该做的伎俩:)

不，它仍然在下面 :(

或 - $('#fixedDiv').height()

是的...数学 :-) 请添加答案 :)

【参考方案1】：

这是我使用的，用于 10px 上边距的平滑滚动：

$('body').animate(scrollTop: $('#div').offset().top-10,1000);

【参考方案2】：

- $('#fixedDiv').height()

在 scrollTop 行的末尾就可以了 :)