jQuery UI .widgets在隐藏子项时重置子项的滚动位置

Question

我正在大量使用jQuery UI和我的最新项目。不幸的是，当jQuery UI小部件包含带有滚动条溢出的元素时，由于jQuery UI小部件显示的一些非常糟糕的行为，我遇到了一个主要障碍。

Check out this demo

1. 向下滚动其中一个.scroll-container元素
2. 点击手风琴标题
3. 点击旧标题 - 请注意元素已自动滚动到顶部。

反正有没有阻止这种情况发生？它正在使用jQuery滚动的一个主要插件。对于在这里做什么，我很茫然！

也许这是jQuery UI开发论坛中值得一提的错误......

修改

到目前为止，该错误已经确认 ...

• Chrome - 8.0.552.231在OSX上10.6.5
• Safari - 5.0.3在OSX上10.6.5（有意义）
• FF - 3.6.12在OSX上10.6.5

不存在 ...

• FF - 3.6.12在OSX上10.6.5

Answer 1

我遇到了同样的问题。我想出的一个解决方法是在创建后设置ui对象的id。然后我在隐藏对象之前保存scrollTop（）位置。当我再次显示对象时，我只需将scrollTop（）设置为保存的值。

// Set the id of the object if you have multiple objects with the same class
if ($("#divScroll").length == 0) {    // If the object does not exist with an id
    $(".ui-jqgrid-bdiv").each(function () {    // Select each object via class
        strID = $(this).attr("id");
        // If the current object (selected via class) does not have an id, set id
        if (strID == undefined || strID == false) {
            $(this).attr("id", "divScroll");
        }
    });
}

// Save the scroll position before hide()
intScrollTop = $("#divScroll").scrollTop();
$("#divScroll").hide();

// Set the scroll position to the saved value after show()
$("#divScroll").show();
$("#divScroll").scrollTop(intScrollTop);

Answer 2

根据回答我的故障单的jQuery UI dev：

  

这就是浏览器的工作方式，一旦隐藏元素，它就会失去滚动位置。