jQuery Инструменты Вкладки + История - Предотвращение прыжков в IE 6 и 7

Question

Я использую плагин jQuery Tabs вместе с плагином «История», чтобы разрешить закладок и использовать кнопку браузера. Все работает отлично - за исключением IE 6 и 7. Когда вы загружаете страницу, IE переходит к якорям.

Вот пример реализации: http://coolkidz.com/sell-consign/

Любые идеи, чтобы получить IE, чтобы вести себя хорошо?

Answer 1

Когда инструмент «История» включен в IE 6/7, он добавляет скрытый iframe на страницу и изначально устанавливает location.hash iframe в '#'. Когда это произойдет, IE прокручивается в iframe (хотя он и скрыт), который находится внизу страницы.

Не будучи в состоянии изменить инструменты источник JQuery, я могу думать о двух обходных:

1. Добавить JavaScript, прежде чем инициализировать Jquery Tools Tabs (demo):

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

   This свитки в верхней части страницы после инициализации инструмента «История». Нижняя сторона этого обходного пути заключается в том, что если окно не было в верхней части страницы, IE остался бы в правильном положении, но это заставляет его прокручивать вверх.

2. Добавьте этот CSS (demo):

   iframe { 
       position: absolute; 
   }​ 
   

   IE не пытается, чтобы перейти к position: absolute фрейма. Нижняя сторона этого обходного пути заключается в том, что это влияет на любые другие iframe на вашей странице.

Предлагаю перейти к обходному пути № 1.