防止jQuery slideDown()效果干扰鼠标滚动

时间:2017-09-04 17:18:16

标签: jquery css

我使用jQuery脚本创建了一系列快速滑动效果:

$("#container > ul > li:gt(20)").remove();
$("#container").prepend(data);

$($(".item:hidden").get().reverse()).each(function(i) {
    $(this).delay(i * 200).slideDown(500);
});

$("#container > li:gt(19)").remove();

唯一的问题是它实际上会干扰鼠标滚动。如果你在slideDown效果发生时向下滚动,那么会抓住用户的窗口位置并稍稍拖拽

当用户试图向上滚动时,这可能会让用户感到特别恼火......

我有这个"快速射击"容器在最左边的一列中。我有更多的内容占据了右侧较大列中的大部分屏幕宽度。

这可能是由容器尺寸的变化引起的。我尝试限制整个容器div的大小,但它没有效果。

你们中的任何一个jQuery天才都知道如何解决这个问题吗?

0 个答案:

没有答案