jQuery滚动顶部不工作

我的HTML内容是从jquery生成的，它取决于ajax响应。在HTML内容中，我有

#leftsection

，里面有css

“overflow-y:scroll；”

“#leftsection”我有一个框，上面写着

“#devicebox”+I

，里面有css

“overflow-y:hidden；”

我正在将动态列表添加到

“#devicebox_uu”+I

，如果列表内容的数量大于6，我将应用

“#devicebox_uuu”+I

我的HTML内容的左侧部分和devicebox如下所示

<div id="leftsection">
   <div id="devicebox_1">
       <div id="listitem_1">LIST ITEM 1</div>
       <div id="listitem_2">LIST ITEM 2</div>
       <div id="listitem_3">LIST ITEM 3</div>
       <div id="listitem_4">LIST ITEM 4</div>
       <div id="listitem_5">LIST ITEM 5</div>
       <div id="listitem_6">LIST ITEM 6</div>
       <div id="listitem_7">LIST ITEM 7</div>
       <div id="listitem_8">LIST ITEM 8</div>
   </div>
</div>

清单项目1
清单项目2
清单项目3
清单项目4
清单项目5
清单项目6
清单项目7
清单项目8

下面是我向下滚动devicebox_1的jQuery

请记住，有多个设备框，例如设备框1、设备框2、设备框3，因为内容是动态的，listitem也是动态的。加载设备框及其相关项目列表后

正在逐个发送ajax请求以处理列表项。我想做的是向下滚动当前设备框（devicebox_1）到正在处理的列表项

下面是我用来向下滚动但不起作用的小jQuery

for( var i=0; i< $(itemlist).size(); i++)
{
   $('#devicebox_'+currDeviceid).animate({
          scrollTop: $('#listitem_'+i).offset().top
   }, 100);
}

for（var i=0；i<$（itemlist）.size（）；i++）
{
$（'#devicebox.'+currDeviceid）.设置动画({
scrollTop:$（'#listitem'+i）.offset（）.top
}, 100);
}

1：滚动顶部与#devicebox_X元素相对，因此如果要将devicebox滚动到列表项的位置，devicebox元素必须具有CSS样式

位置：相对

2：要使用相对于其父偏移量的偏移量，您需要使用jQuery的

position（）

方法，该方法的工作原理与

offset

方法完全相同，但需要相对于其父偏移量

看

---

然后它应该可以工作。

您的错误控制台说什么？没有错误它只是移动到下一个listitem并处理它代码有什么作用吗？也就是说，它滚动的次数比你想要的少还是多？如果列表项附加在列表的末尾，您可以简单地为

scrollTop

使用任意大的值，例如

0xffff

。