javascript - appendTo 插入窗口并向下滚动？

Question

我使用appendTo将一组选定的元素添加到某个DOM元素:

$('#incoming-items').appendTo($('#item-list'));

(#incoming products 是 Ajax 调用收到的项目的占位符。我的期望是:

1. 元素将添加到#item-list之后
2. 视口(viewport)，窗口将保持在之前的位置。例如，如果 item-list 适合窗口，如

<小时/>

项目1

项目2

项目3

<小时/>

传入的项目 item7、item8 应该(通常)保持这样并添加到视口(viewport)下方:

<小时/>

项目1

项目2

项目3

<小时/>

项目7

项目8

但是:有时会发生的情况(特别是当滚动条位于底部时)是显示 item7 和 8(并且 item1、2 被向上推):

<小时/>

项目3

项目7

项目8

<小时/>

现在这种情况只发生在 Firefox 中!

有什么想法吗？东西？

非常感谢

Answer 1

试试这个:

var scroll = $('#incoming_items').scrollTop();    
$('#incoming-items').appendTo($('#item-list'));
$('#incoming_items').scrollTop(scroll);

它将存储当前的滚动位置(从顶部开始的像素)并跳回该位置，无论底层 div 发生什么情况。