jQuery工具選項卡+歷史記錄 - 防止在IE 6和7中跳躍

Question

我正在使用jQuery Tabs插件以及「歷史記錄」插件，以允許添加書籤和使用瀏覽器後退按鈕。一切都很好 - 除了在IE 6和7中。當你加載頁面時，IE跳轉到錨點。

這裏的示例實現：http://coolkidz.com/sell-consign/

任何想法，讓IE的行爲很好？

Answer 1

當在IE 6/7中啓用歷史記錄工具時，它會向頁面添加一個隱藏的iframe，並最初將iframe的location.hash設置爲'#'。發生這種情況時，IE會滾動到頁面底部的iframe（即使它隱藏）。

而不能編輯jQuery的工具來源，我能想到的兩種解決方法的：

1. 添加這個JavaScript初始化jQuery的工具選項卡之前（demo）：

   if ($.browser.msie && $.browser.version < '8') { 
       $(window).one("hash", function(e, h) { 
        if (h === '#') { 
         $(window).scrollTop(0); 
        } 
       }); 
   } 
   

   這個卷軸在「歷史記錄」工具初始化後，將其添加到頁面的頂部。這個解決方法的缺點是，如果窗口不在頁面的頂部，IE將停留在正確的位置，但是這迫使它滾動到頂部。

2. 添加這個CSS（demo）：

   iframe { 
       position: absolute; 
   }​ 
   

   IE不會嘗試滾動到一個position: absolute iframe中。此解決方法的缺點是，這會影響頁面上的任何其他iframe。

我建議與解決方法＃1一起去。