Scroll bootstrap 3模态

Question

所以我有这个模态，当你点击计算按钮时我想自动向下滚动到图表区域。我有这段代码：

  $('#budgetCalModal').animate({
    scrollTop: $("#result").offset().top
  }, 1000);

但它似乎不起作用。我正在使用bootstrap 3.任何线索？

PS：当模态明显大于窗口高度时应该滚动。

由于

Answer 1

我不知道这是否能解决您的问题，但这里有一个小提琴 - http://jsfiddle.net/qe1w87ba/根据模态窗口中的锚标记执行您想要的操作。

 <script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('.modal').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>