返回jQuery选项卡选项卡中的最后一个垂直位置

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);
        }
    });