无论滚动位置如何,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 (将#修改为@)