jquery - 在 IF 语句中包含两个条件

Question

我试图在 jQuery if 语句中包含条件。

这是我当前的代码，粗体部分是我正在尝试实现的代码。

// Add scrolling Nav Bar
$(document).ready(function() {
  var navpos = $('.nav-bar').offset();
  console.log(navpos.top);
    $(window).bind('scroll', function() {

      if ($(window).scrollTop() > navpos.top && $(window).width() < 960)) {

        $('.site-header .grid--full').hide(200);
        $('.nav-bar-scroll').show(200);
       }
       else {
         $('.site-header .grid--full').show(200);
         $('.nav-bar-scroll').hide(200);
       }
    });
});

if ($(window).scrollTop() > navpos.top && $(window).width() < 960)) {

我的最终目标是隐藏原始标题并在向下滚动页面时显示新标题。

提前谢谢您!

Answer 1

您有一个)太多了。

if ($(window).scrollTop() > navpos.top && $(window).width() < 960))

应该是if ($(window).scrollTop() > navpos.top && $(window).width() < 960)语法正确。

在任何浏览器中打开 Javascript 控制台都会提醒您此错误，在我的 Firefox 版本中，该错误为: SyntaxError: expected expression, got ')' - 表明您的括号数量不正确。