0

这让我有点发疯，因为我无法让它工作:(！

我的 jQuery 选项卡设置如下（所有工作）：

    $(".tabs_area" ).tabs({
        fx: { duration: 'slow', opacity: 'toggle' }
    });

然后我有一个滚动来锚定焦点机制（就函数本身而言再次工作正常）：

    $('.tabs_area li a').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
          scrollTop: $($anchor.attr('href')).offset().top
        }, 500,'easeInOutExpo');

        event.preventDefault();
    });

我的问题是，遗憾的是它们不会同时工作。当我单击选项卡时，它会正确显示相应的选项卡内容，但不会将您滚动到该内容的开头。您必须再次单击选项卡才能滚动到内容，这不好。

可悲的是，我需要的原因是我在移动网站上使用它，当您单击选项卡时，虽然它确实更改了内容，但它位于选项卡菜单下方，因此位于屏幕的可见区域下方，因此为什么我希望它交换内容，然后向下滚动到这个，这样你就可以看到它，当然只需单击一下。

所以我认为我需要在选项卡设置代码中结合滚动功能......不知何故......作为回调或其他东西......但我只是不断打破它:(!!

任何帮助将不胜感激。

提前致谢， TJ

4

1 回答 1

0

为什么不使用 jQuery 选项卡的显示选项？似乎做你想做的事。

检查解决方案

  $(".tabs_area" ).tabs({
        show: function(e,ui){
          $('html, body').stop().animate({
          scrollTop: $(ui.tab.getAttribute('href')).offset().top
        }, 500,'easeInOutExpo');
        }
  });
于 2013-10-21T06:54:47.230 回答