Javascript 如果窗口滚动量->;然后在jQuery中反向返回
jQuery:Javascript 如果窗口滚动量->;然后在jQuery中反向返回,javascript,jquery,css,Javascript,Jquery,Css,jQuery: $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(".class").addClass("bgposi"); // $(".top").addClass("fixd"); // $(".logo").addClass("maxwidth"); if (scroll
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$(".class").addClass("bgposi");
// $(".top").addClass("fixd");
// $(".logo").addClass("maxwidth");
if (scroll >= 50) {
$(".class").addClass("bgposi");
// $(".top").addClass("fixd");
// $(".logo").addClass("maxwidth");
}
}
});
所以,基本上我的类,我添加在滚动
.bgposi
在我使用(窗口)滚动页面上的50px
时移动背景图像位置。滚动(函数()
。这很好,所以我的第一条if语句就可以了。但是,当用户向后滚动时,我试图用另一条if语句来反转它-这就是我失败的地方。有任何指针吗?请更正第二条if语句中的以下内容:
- 不要把它嵌套起来
- 将比较运算符
更改为=
在第二条if语句中更正以下内容:
- 不要把它嵌套起来
- 将比较运算符
更改为>=
谢谢!我想最近做的sass有点太多了。哈哈,嵌套所有内容。谢谢!我想最近做的sass有点太多了。哈哈,嵌套所有内容。
$(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(".class").addClass("bgposi"); // $(".top").addClass("fixd"); // $(".logo").addClass("maxwidth"); if (scroll >= 50) { $(".class").addClass("bgposi"); // $(".top").addClass("fixd"); // $(".logo").addClass("maxwidth"); } } });
$(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(".class").addClass("bgposi"); // $(".top").addClass("fixd"); // $(".logo").addClass("maxwidth"); } else if (scroll <= 50) { $(".class").removeClass("bgposi"); // $(".top").removeClass("fixd"); // $(".logo").removeClass("maxwidth"); } });
$(window).scroll(function() { var scroll = $(this).scrollTop(); var $class = $(".class"), $top = $(".top"), $logo = $(".logo"); if (scroll >= 50) { $class.addClass("bgposi"); $top.addClass("fixd"); $logo.addClass("maxwidth"); } else if (scroll <= 50) { $class.removeClass("bgposi"); $top.removeClass("fixd"); $logo.removeClass("maxwidth"); } });