Javascript 在滚动到站点时添加移动效果

我已经在我的站点simmona.uchenici.bg/test中尝试了这段代码/ 结果是效果不会停止。我想滚动效果停止时，部分标题是在窗口底部，只有图像部分 在他们赶上的时候继续。我也不知道为什么我的照片会在卷轴上放大。。。如何调试它

$(document).ready(function(){
$(document).bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta /680 > 0) {
  $('#textbox').animate({
    'marginTop' : "+=50px" 
  });
}
else {
  $('#textbox').animate({
    'marginTop' : "-=10px" 
  });
}

}))

---

}))`

您不会将动画排队。现在发生的是你上下滚动。。。但动画并没有停止，而您已经通过滚动发出了新的命令。为了修复该支票以便进一步使用

$（文档）.ready（函数（）{
$（文档）.bind（'mousewheel'，函数（e）{
如果（例如，原始事件车轮增量/680>0）{
$（“#textbox”）.stop（真，假）。动画（{/*1）应用的stop（真，假）*/
“marginTop”：“+=50px”
}，1000，函数（）{}）；
}否则{
$（“#textbox”）.stop（真，假）。动画（{/*2）应用的stop（真，假）*/
'marginTop'：“-=50px”
}，1000，函数（）{}）；
}
});
});

一些文本
我注意到，当我到达页边距顶部时，我必须停止第一节效果：-230px我不知道如何停止效果。我不是在学习js，它的语法对我来说太遥远了。。我也不知道为什么img会在卷轴上变焦（请看我对代码的回答，在开始制作动画之前，只需添加此部分。停止（true，false）。动画....///关于图像问题：1）在具有图像的div上应用边距顶部。2） 您使用flex，并且因为您应用了边距顶部，所以您的div将调整大小。3） 因为您使用了background size:cover，所以您的图像将尝试获得纵横比，因此看起来像是在调整大小。要解决大小调整问题，您必须应用固定高度，或使用填充底部技术，非常感谢您对图像的帮助！现在我同意你的代码，但效果是一样的-它不会停止。。。
$(document).bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta /680 > 0) {
  $('#image').animate({
    'marginTop' : "+=50px" 
  });
}
else {
  $('#image').animate({
    'marginTop' : "-=5px" 
  });
}`});