使用“数据切换”向下滚动到引导选项卡

Question

我无法滚动到一个特定的锚点，该锚点也是一个引导选项卡。这是项目：

当页面加载时，活动标签“发现”可以正常工作。它会滚动到正确的高度，但是，当您单击第二个选项卡时，由于某种原因它决定向上滚动。一旦该新标签“共享”处于活动状态，您就可以单击它，它会滚动到适当的高度而不会出现问题。对于其余的选项卡，这将继续。这是jquery：

 jQuery(document).ready(function ($) {

     $('.nav a').click(function (e) {
         e.preventDefault();
         $(this).tab('show')
     })$('a.scroll').on('click', function (e) {
         e.preventDefault();
         var href = $(this).attr('href');
         $('html, body').stop().animate({
            scrollTop: $(href).position().top - 280
         }, 'slow');
      });  
});   

每个链接都有以下类： <a href="#discover" data-toggle="tab" class="scroll">

我不知道发生了什么。任何反馈都会有所帮助。提前致谢。

Answer 1

看起来您的动画只是在每次标签点击时向上滚动 280 像素，因为它没有正确选择标签内容 div。

由于您的所有选项卡内容区域都有“选项卡窗格”类，因此应该可以：

jQuery(document).ready(function ($) {

 $('.nav a').click(function (e) {
     e.preventDefault();
     $(this).tab('show')
 })$('a.scroll').on('click', function (e) {
     e.preventDefault();
     $('html, body').stop().animate({
        scrollTop: $('.tab-pane').offset().top - 280
     }, 'slow');
  });  
});