jquery - 返回 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);
        }
    });