滚动时Jquery动画停止

在搜索了一段时间后，我找到了一段代码，它可以完成我所需要的一切。然而，有一件事困扰着我。如果用户滚动页面，动画将停止。如果用户停止滚动，动画将继续。正因为如此，有时所有的东西都会立即弹出

这是我的密码：

$(window).scroll(function(){
var st = $(this).scrollTop(),
    winH = $(this).height(),
    add = 500;

$('.hideme').each(function(){
    var pos = $(this).position().top;

    if(st + winH >= pos + add){
        $(this).stop().animate({'opacity':'1', 'margin-left':'0px'}, 500);
    }
    else{
        $(this).stop().animate({'opacity':'0', 'margin-left':'20px'}, 500);
    }
});
});

CSS:

HTML:

---

我猜这与

.stop（）

部分有关，但我对这方面太新手了。非常感谢您的帮助。

如果您只需删除

.stop（）

，会发生什么？毫无疑问，这就是停止动画的原因。你需要它做什么？我已经准备好修复它了，用

.css

替换

.stop（）.animate

，然后在css中给

.hideme

一个转换，如果你删除

.stop（）

，会发生什么？毫无疑问，这就是停止动画的原因。你需要它做什么？我已经准备好修复它了，用

.css

替换

.stop（）.animate

，然后在css中给

.hideme

一个转换

.hideme {
    opacity:0;
    margin-left: 20px;
}

<h3 class="hideme"></h3>
<p class="hideme"></p>
<p class="hideme"></p>