添加更多Javascript=停止工作

这就是我目前拥有的，我看到var$cache=header，所以我想添加另一行，这样当它改变背景时，它也会改变header的字体大小。。所以我现在有

jQuery(function($) {
    function fixDiv() {
      var $cache = $('header'); 
      if ($(window).scrollTop() > 10) 
        $cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'}); 

        //$('#top-menu a').css({'padding': '17px 20px'});
      else
        $cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
        //$('#top-menu a').css({'padding': '30px 20px'});
    }
    $(window).scroll(fixDiv);
    fixDiv();
});

---

我做错了什么？

多个语句需要大括号：

jQuery(function($) {
    function fixDiv() {
      var $cache = $('header'); 
      if ($(window).scrollTop() > 10) 
        $cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'}); 
       $('h1').css({'font-size': '26px'});
      else
        $cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
        $('h1').css({'font-size': '36px'});
    }
    $(window).scroll(fixDiv);
    fixDiv();
});

正确缩进代码可以更清楚地了解代码不起作用的原因：

  if ($(window).scrollTop() > 10) 
  {
    $cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'}); 
    $('h1').css({'font-size': '26px'});
  }
  else
  {
    $cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
    $('h1').css({'font-size': '36px'});
  }

---

（不仅错误而且无效-else是孤立的）。

多个语句需要大括号：

jQuery(function($) {
    function fixDiv() {
      var $cache = $('header'); 
      if ($(window).scrollTop() > 10) 
        $cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'}); 
       $('h1').css({'font-size': '26px'});
      else
        $cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
        $('h1').css({'font-size': '36px'});
    }
    $(window).scroll(fixDiv);
    fixDiv();
});

正确缩进代码可以更清楚地了解代码不起作用的原因：

  if ($(window).scrollTop() > 10) 
  {
    $cache.css({'position': 'fixed', 'top': '0', 'background': 'rgba(0,0,0,0.8)', 'padding': '0'}); 
    $('h1').css({'font-size': '26px'});
  }
  else
  {
    $cache.css({'position': 'absolute', 'top': '0', 'background': 'rgba(0,0,0,0)', 'padding': '20px 0'});
    $('h1').css({'font-size': '36px'});
  }

---

（不仅错误而且无效-else是孤立的）。

您这样做是为了什么<代码>变量$cache=$（'header'）。你是jQuery的新手吗？@incognito我在这个例子中得到了帮助，这就是它的呈现方式。。我对jQuery了解不够，不知道什么时候使用vars，所以我把它忘了，你能发布一些HTML吗？我怀疑您是否试图选择所有名为

的html标记。您这样做的目的是什么<代码>变量$cache=$（'header'）。你是jQuery的新手吗？@incognito我在这个例子中得到了帮助，这就是它的呈现方式。。我对jQuery了解不够，不知道什么时候使用vars，所以我把它忘了，你能发布一些HTML吗？我怀疑您试图选择所有名为

的html标记。好吧，它不是任何

if

语句的一部分。好吧，它不是任何

if

语句的一部分。