Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在页面的最后200px滚动时更改类。滑动分页_Jquery_Scroll - Fatal编程技术网

Jquery 在页面的最后200px滚动时更改类。滑动分页

Jquery 在页面的最后200px滚动时更改类。滑动分页,jquery,scroll,Jquery,Scroll,我有两个功能&一个按钮,当进入页面滚动的最后一个200px时,必须更改类别 HTML <div class=".GoToBottom">[click me to Go]</div> 滚动至顶部(每500像素工作一次) 因此,一旦滚动进入底部最后一个200px,我想更改div元素的类,使其向上移动 我试过了,但没用 if($(window).scrollTop() + $(window).height() == $(document).height()-200)

我有两个功能&一个按钮,当进入页面滚动的最后一个
200px
时,必须更改类别

HTML

  <div class=".GoToBottom">[click me to Go]</div>
滚动至顶部(每500像素工作一次)

因此,一旦滚动进入底部最后一个
200px
,我想更改
div元素的类,使其向上移动

我试过了,但没用

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

我无法使更改生效。

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

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

好啊非常感谢。请检查一下这把小提琴,我弄不动了。我现在正在检查
=
我添加了
$(窗口)。滚动
,因此它在更改时会检查滚动位置,而不是像以前那样只检查一次。
  if($(window).scrollTop() + $(window).height() == $(document).height()-200) {
        alert("bottom!");
              //$('.Go').toggleClass("GoToBottom GoToTop");   
         }
if($(window).scrollTop() + $(window).height() >= $(document).height()-200) {
    alert("bottom!");
    //$('.Go').toggleClass("GoToBottom GoToTop");   
}