在页面的最后200px中滚动时更改类。 jQuery的

Question

我有两个功能＆amp;到达页面滚动的最后>>> new_list = accumulate([0,0,0,1,0,2], start=18) >>> new_list [18, 18, 18, 19, 18, 20] 时必须更改班级的一个按钮。

HTML

200px

滚动到底部（每500像素工作）

  <div class=".GoToBottom">[click me to Go]</div>

滚动到顶部（每500px工作）

$('.GoToBottom').on("click",function () {
   $('html, body').animate({scrollTop: '+=500px'}, 800);
  });   

因此，一旦滚动进入底部的最后$('.GoToTop').on("click",function () { $('html, body').animate({scrollTop: '-=500px'}, 800); }); ，我想更改200px的类以使其向上移动。

我试过了，但没有用

div element

https://jsfiddle.net/xoz3b1dc/9/我无法进行更改。

Answer 1

切换类的条件具有错误的比较运算符。您正在使用适用于该精确像素的==（当用户距离底部正好200像素时）。您需要检查它是否等于或大于>=的值：

if($(window).scrollTop() + $(window).height() >= $(document).height()-200) {
    alert("bottom!");
    //$('.Go').toggleClass("GoToBottom GoToTop");   
}