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");
}