Javascript jQuery:防止列表滚动?
我有这样一个场景:使用ajax查询获取一些数据项,并将它们作为Javascript jQuery:防止列表滚动?,javascript,jquery,Javascript,Jquery,我有这样一个场景:使用ajax查询获取一些数据项,并将它们作为li元素推送到ul元素中。我使用$(“ulele”).append(新项目)。每当检测到事件时,我都会使用以下命令为该ul元素编写自己的自定义滚动条: $("ulele").animate({scrollTop: '+=' + 200}, 'slow'); 问题是,当我触发该事件时,由于上面的animate功能,列表会滚动,我想让它至少稳定几秒钟。当它向下滚动时,元素仍被按下,因此列表无论发生什么都会保持滚动。我正在使用以下方法添加
li
元素推送到ul
元素中。我使用$(“ulele”).append(新项目)
。每当检测到事件时,我都会使用以下命令为该ul
元素编写自己的自定义滚动条:
$("ulele").animate({scrollTop: '+=' + 200}, 'slow');
问题是,当我触发该事件时,由于上面的animate
功能,列表会滚动,我想让它至少稳定几秒钟。当它向下滚动时,元素仍被按下,因此列表无论发生什么都会保持滚动。我正在使用以下方法添加li元素(已经具有display:none
属性):
有没有一种方法可以在不真正停止将元素推入ul列表的活动的情况下暂停此操作?也许可以尝试.delay()
大概是这样的:
$(“ule”).animate({scrollTop:'+='+200},'slow').delay(1000) 尝试将动画放入函数中,在将元素添加到ulele之前,删除动画,并在获取数据后再次添加动画是一种方法。这是一种方法,但从表面上看,这听起来是操作密集型的
下面的方法应该可以更好地工作——当您创建新的li元素时,从display开始:none,在使用AJAX调用获取它之后,将display属性更新为inline或您需要它的任何时候。这应该比上面提到的更好 对不起。我试过了,但没用。事实上,我甚至不知道这是什么意思。我想能够锁定列表视图几秒钟,这就是我的意思。谢谢。我刚刚用一些额外的细节更新了我的问题,以便更清楚地说明我是如何做到这一点的。您是否可以在添加新元素时删除元素的数量。如果有视频/实现UI,它可以帮助更好地理解问题。
$("#liele").delay(6000 * i).show("slow")