Возврат к последней вертикальной позиции на вкладке jQuery Tabs

Question

У меня есть веб-страница только с вкладками jQueryUI с несколькими вкладками.

Одна из вкладок может быть очень длинной, поэтому браузер отображает вертикальную полосу прокрутки. Когда пользователи прокручивают вкладку вниз, а затем выбирают другую вкладку, которая очень мала, браузер скрывает вертикальную полосу прокрутки. Когда они возвращаются к длинной вкладке, полоса прокрутки появляется снова, но в ее верхнем положении

Мне нужна длинная вкладка, чтобы запомнить последнюю позицию, поэтому, когда пользователи возвращаются на вкладку, они могут продолжить чтение с того места, где они были до переключения вкладок.

Возможно ли что-то подобное?

Answer 1

Только что исправили эту же проблему. Похоже, это проблема браузера WebKit.

Используйте событие tabsselect для сохранения текущего положения прокрутки и событие 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);
        }
    });