如果/ else语句为scrolltop jquery

Question

我在编写自己的jQuery脚本时遇到了一些问题

问题在这里，我想创建一个向下滑动窗口的按钮 我使用if / else语句来阻止这种情况。

这里是代码：

var main = function() {

    $('.down').click(function() {

    var x= $(window).scrollTop();
    alert(x);
    var s;

    if (x < 500){
      s = 500;
    }else if(500 <=x<700 ){
      s = 700;
    }else{
      s=1000;
    };

    $('html, body').animate(
      {scrollTop: s}, 1000);

    });
};

$(document).ready(main);

但是，当窗口滑动到700时，它不再执行滚动到1000的下一个else语句。 有任何想法吗？ ：（

Answer 1

你的其他如果不正确。

}else if(500 <=x<700 ){

应该是

}else if(500 <= x && x < 700 ){

这是工作fiddle