Question

所以基本上我只是想在滚动时更改特定元素的CSS类。使用此代码时，这非常有用：

$(window).bind('scroll', function() {
         if ($(window).scrollTop() >= 270) {
             $('.homeLink').addClass('selected');
         }
         else {
             $('.homeLink').removeClass('selected');
         }
    });

但是，我希望在进一步滚动时删除该类。所以我尝试使用这段代码：

$(window).bind('scroll', function() {
         if ($(window).scrollTop() >= 270 &&  < 300) {
             $('.homeLink').addClass('selected');
         }
         else {
             $('.homeLink').removeClass('selected');
         }
});

使用第二个代码时，它根本不起作用。意思是，没有任何变化

我知道我只是愚蠢而做错了，但我不知道如何解决它。当涉及到js时，我是一个非常大的菜鸟。任何帮助将非常感激。

编辑：

我也试过这个没有运气：

$(window).bind('scroll', function() {
         if ($(window).scrollTop() >= 270 && $(window).scrollTop() < 300) {
             $('.homeLink').addClass('selected');
         }
         else {
             $('.homeLink').removeClass('selected');
         }
    });

Answer 1

这是正确的sintax：

if ($(window).scrollTop() >= 270 && $(window).scrollTop() < 300) {

Answer 2

试试这个：

if($(this).scrollTop()>= 270 && $(this).scrollTop() < 300){

scrollTop无法与2个运算符一起使用

编辑：

2 个答案: