首页 > 解决方案 > 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 锚点。但是,如果我在模式中向下滚动一点,然后单击导航按钮,它滚动不够,它停得太高了。定位已关闭。

我想我需要将偏移量设置为相对于模态框滚动位置,但我不知道该怎么做。

标签: jquerytwitter-bootstrap

解决方案


推荐阅读