appendTo推窗口并向下滚动?

时间:2013-10-22 18:10:19

标签: javascript jquery firefox

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

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

(#incoming products是Ajax通话收到的物品的占位符。我的期望是:

  1. 元素将在#item-list
  2. 之后添加
  3. 视口,窗口将保持在以前的位置。例如,如果item-list适合窗口内部,如

  4. ITEM1

    ITEM2

    项目3


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


    ITEM1

    ITEM2

    项目3


    item7

    item8

    但是:有时会发生什么(特别是当滚动条位于底部时)是显示了item7和8(并且第1项,第2项被向上推):


    项目3

    item7

    item8


    现在这只发生在Firefox!

    任何想法?什么?

    非常感谢

1 个答案:

答案 0 :(得分:1)

试试这个:

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

将存储当前滚动位置(以顶部像素为单位)并跳回到它,无论底层div发生什么。