javascript - jQuery 滚动力不会滚动超过 450px

Question

//Scroll Status abfragen}
$(window).scroll(function(){
    var wScroll = $(this).scrollTop();




$("#vor").click(function() {

    if(wScroll < 450) { 
    $('html, body').animate({
        scrollTop: 450
    }, 2000);
    }

    if(wScroll < 1900 & wScroll > 450 ) { 
    $('html, body').animate({
        scrollTop: 1900
    }, 2000);
    }

 });

    });//wScroll

当我点击图标 #vor 时会发生什么，它会滚动到 450，但在动画结束后我无法滚动超过 450px。不是用手/鼠标，也不是通过单击 我是新手，但我已经尝试解决这个问题很长时间了，但找不到方法...感谢您的帮助!

编辑顺便提一句。以下代码是:

$("#pfeil").click(function() {
$('html, body').animate({
    scrollTop: 450 }, 2000);
});

而且它工作得很好。问题必须出在 wSroll 函数中....

Answer 1

它会调用您的分配数百次，因为您在每次滚动时都分配了点击事件，因此它们只会不断累加。它不会锁定您的滚动条，甚至没有完成它必须运行的所有功能。

将其更改为以下内容:3 次编辑，删除 var，添加结尾 });并删除最后一个 });

//Scroll Status abfragen}
$(window).scroll(function() {
  wScroll = $(this).scrollTop(); //Get rid of var, so it can be used by functions outside of this function.

}); // That's all the work we need to do.






$("#vor").click(function() {
  console.log('Called');
  if (wScroll < 450) {
    $('html, body').animate({
      scrollTop: 450
    }, 2000);

  }

  if (wScroll < 1900 & wScroll > 450) {
    $('html, body').animate({
      scrollTop: 1900
    }, 2000);
  }

});

https://jsfiddle.net/gregborbonus/dke33uyk/3/