Question

我无法将滚动功能正常地用于特定的锚点，这也是一个自举选项卡。这是项目：

当页面加载时，活动标签＆＃34; Discover＆＃34;，工作得非常好。它会滚动到适当的高度，但是，当您单击第二个选项卡时，由于某种原因它会决定向上滚动。一旦新的标签＆＃34;分享＆＃34;处于活动状态，然后您可以单击它并滚动到适当的高度而不会出现问题。对于其余选项卡，这将继续。这是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。

由于您的所有标签内容区域都有类＆＃39;标签窗格＆＃39;，这应该有效：

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');
  });  
});

使用＆＃34; data-toggle＆＃34;向下滚动到Bootstrap选项卡

1 个答案: