如何解决无论滚动位置如何,Bootstrap Modal ScrollTop 都有偏移量
我使用的是引导程序 3.3.7 模态。
模态是固定位置的全高和 600 像素宽度,.modal-body
具有 overflow-y:scroll;
以允许模态在页面中间滚动。
在模式的左侧,我有一个绝对位置导航,使用简单的 href
按钮可以转到 #ID。模态在 id
内设置了 <div>
属性的各种锚点。单击左侧的导航,我希望它滚动到锚点。
这适用于以下代码:
jQuery('.chapter-select').on('click',function() {
if (!jQuery(this).hasClass("active")) {
jQuery('.modal-body').animate({
scrollTop: jQuery(jQuery(this).attr('href')).offset().top - 30 },1000);
}
return false;
});
除非我向下滚动模态体然后单击按钮。只要我在单击导航按钮时直接位于锚点上,它就会准确地滚动到 ID 锚点。但是如果我在模态中向下滚动一点,然后单击导航按钮,它滚动不够,它停得太高。定位已关闭。
我想我需要将偏移量设置为相对于模态框滚动位置,但我不知道该怎么做。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。