jQuery的標籤+滾動同時內容

這是推動我有點瘋狂，因爲我只是無法得到它的工作:(jQuery的標籤+滾動同時內容

我有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(); 
    });

我的問題是，可悲的是，他們不會同時工作，當我點擊選項卡。，它正確地dis播放相應的標籤內容，但它不會將您捲動到此內容的開頭。您必須再次單擊該選項卡才能滾動到內容，這並不好。

不幸的是我需要的原因是我在移動網站上使用它，當你點擊標籤時，雖然它實際上改變了內容，但它是標籤菜單下方，因此低於可見區域屏幕上，因此爲什麼我希望它交換內容，然後向下滾動至此，以便您可以看到它，當然只需單擊一次即可。

所以我想我需要的選項卡設置代碼中的滾動功能結合起來... ...不知何故作爲回調或東西...但我只是不停地打破它:(!!

任何幫助將這麼多的讚賞。提前

感謝， TJ

來源

2013-10-17 TonyaJ

你可以看看這個在http://jsfiddle.net/uFTTK/ :) – TonyaJ

你爲什麼不使用顯示 jQuery的標籤選項？似乎做你想要做的事情。

檢查solution

$(".tabs_area").tabs({ 
     show: function(e,ui){ 
      $('html, body').stop().animate({ 
      scrollTop: $(ui.tab.getAttribute('href')).offset().top 
     }, 500,'easeInOutExpo'); 
     } 
    });

來源

2013-10-21 06:54:47 VJS

jQuery的標籤+滾動同時內容

回答

相關問題