微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无论滚动位置如何,Bootstrap Modal ScrollTop 都有偏移量

如何解决无论滚动位置如何,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 举报,一经查实,本站将立刻删除。