javascript - jQuery .wrapAll() 重置嵌套元素的滚动

Question

请看一下下面的 fiddle :

http://jsfiddle.net/ardoramor/UzJqd/

当 fiddle 加载时，带有 .wrapper 类的 DIV 向下滚动 200px。这包括所有嵌套的 .wrapper。 DIV 也是如此。 5 秒后，trigger.wrapAll() 将在 .container 的子级上执行。 .container类的内容将由具有.wrapAll类的新DIV包装。您会注意到红色和蓝色区域发生跳跃，现在您可以看到顶部的和`元素。发生这种情况是因为包装。

注意:这是一个非常简化的示例。实际上，我现在知道 .wrapper DIV 的内容。此外，可能有多个带有滚动的此类元素。我的问题是容器的子项是否可以在不重置其滚动的情况下进行包装。

Answer 1

在换行前保存scrollTop，并在换行后恢复。

var st = $( '.wrapper' ).scrollTop();
$( '.container' ).children().wrapAll( '<div class="wrapAll">' );
$('.wrapper').scrollTop(st);

更新的 fiddle :http://jsfiddle.net/JR6y8/1/