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

标签 jquery jquery-animate scrolltop

我有一个带有 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?

最佳答案

这就是我使用的,用于平滑滚动并具有 10px 的上部填充:

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

关于jquery - 如何向scrollTop()函数添加填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14247533/

相关文章:

jquery - 取消绑定(bind)点击,但保留事件 PreventDefault();

javascript - 使移动页面始终在顶部加载

html - 通过 HTML/CSS(无 javascript)为溢出元素设置 "scrollTop"

jquery - 如何使用滚动条将 div 固定到另一个 div

jquery - 如何在 Bootstrap 中有一个固定的列?

javascript - 在 jQuery .animate 中使用 Modernizr.prefixed

jquery - CSS 旋转跨浏览器与 jquery.animate()

javascript - 第二次单击时 JQuery 平滑滚动行为异常

javascript - 无法将事件绑定(bind)到包含 jquery 对象的数组

javascript - 禁用 jquery-chosen 下拉菜单