2010-11-10 64 views
2

我有一個只有jQueryUI標籤的網頁,帶有多個標籤。返回到jQuery標籤頁中的最後一個垂直位置

其中一個選項卡可能非常長,因此它會導致瀏覽器顯示垂直滾動條。當用戶向下滾動選項卡,然後選擇另一個非常小的選項卡時,瀏覽器將隱藏垂直滾動條。當他們回到長選項卡時,滾動條重新出現,但位於頂部位置

我需要長標籤來記住最後一個位置,因此當用戶返回標籤頁時,他們可以在切換標籤之前繼續閱讀它們的位置。

是這樣的可能嗎?

+0

您可以發佈一個例子嗎?我不確定我完全理解發生了什麼事。 – jjross 2011-01-12 22:20:01

回答

0

剛解決了這個問題。聽起來它是一個webkit瀏覽器問題。

使用選項卡事件'tabsselect'來保存當前滾動pos和'tabsshow'事件來恢復它。

事情是這樣的:

var _currentTab = 0; 
    var _currentScroll = 0; 
    $("#nav_tab").bind('tabsselect',function(e,ui){ 
     if (_currentTab === 0) { 
      _currentScroll = $('<your scroll item>').scrollTop(); 
     } 
     _currentTab = ui.index; 
    }).bind('tabsshow',function(e,ui){ 
     if (ui.index === 0) { 
      $('<your scroll item>').scrollTop(_currentScroll); 
     } 
    });