scrollTop不与2个操作符合作

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

这是正确的罪过：

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

Answer 2

试试这个：

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