Javascript 在我放入一个不'；我不想做这件事'；他自己的

我有一个JS文件，我试图通过Jquery添加视差功能，但它似乎不起作用，也破坏了整个文件的功能

我想知道我是不是在什么地方打错了字，还是有什么别的原因导致了这个问题

这是我的JS文件（它自己可以正常工作）：

这就是事情变得一团糟的地方：

// Creates a parallax effect for the home page.
var pContainerHeight = $('#parallaxImage').height();
$(window).scroll(function(){

  var wScroll = $(this).scrollTop();

  if (wScroll <= pContainerHeight) {

    $('.logo').css({
      'transform' : 'translate(0px, '+ wScroll /2 +'%)'
    });

  }

)};

// Expands recipe cards animation when in viewport
$(window).scroll(function() {
  var hT = $('#recipeStack').offset().top,
      hH = $('#recipeStack').outerHeight(),
      wH = $(window).height(),
      wS = $(this).scrollTop();

  if (wS > (hT+hH-wH)){

    $('#recipeStack img:nth-child(4)').css({
      'transform' : 'translate(160px, -160px)'
      'opacity' : '1'
    });

    $('#recipeStack img:nth-child(3)').css({
      'transform' : 'translate(120px, -120px)'
      'opacity' : '.8'
    });

    $('#recipeStack img:nth-child(2)').css({
      'transform' : 'translate(80px, -80px)'
      'opacity' : '.6'
    });

    $('#recipeStack img:nth-child(1)').css({
      'transform' : 'translate(40px, -40px)'
      'opacity' : '.4'
    });

  }

});

我是否通过

“translate（0px，+wScroll/2+”）”

正确地添加了变量？

您的元组中缺少“，”

 $('#recipeStack img:nth-child(3)').css({
      'transform' : 'translate(120px, -120px)',
      'opacity' : '.8'
    });

我只需要复制它并粘贴到Sublime就可以看到问题所在 你错过了最后一个

）}

，当我发现我的项目也有同样的问题时，我真的笑了

var pContainerHeight=$（“#视差最大值”）.height（）；
$（窗口）。滚动（函数（）{
var wScroll=$（this.scrollTop（）；
如果（wScroll您在元组中缺少“，”

 $('#recipeStack img:nth-child(3)').css({
      'transform' : 'translate(120px, -120px)',
      'opacity' : '.8'
    });

我只需要复制它并粘贴到Sublime就可以看到问题所在
你错过了最后一个
）}
，当我发现我的项目也有同样的问题时，我真的笑了

var pContainerHeight=$（“#视差最大值”）.height（）；
$（窗口）。滚动（函数（）{
var wScroll=$（this.scrollTop（）；
if（wScroll）在开发工具中控制台说了什么？当你把它简化到最简单的部分时会发生什么？请看@MikeBrockington好吧，它给了我这个错误，即使我的代码中有
，
（在下面的答案中建议）：
未捕获的语法错误：意外标记）
控制台在开发工具中说了什么？当你把它简化到最简单的部分时会发生什么？请看@MikeBrockington，它给了我这个错误，即使
，
放在我的代码中（在下面的答案中建议）：
未捕获的语法错误：意外标记）
谢谢，这解决了第二个函数，但是
pContainerHeight
变量中似乎有一个错误：“Uncaught SyntaxError:Unexpected token）”。谢谢，这两次都是一个小小的错误。升华指出了这样的错误吗？我使用atom，我想没有。@Jake升华有一个软件包来突出javascript的语法，所以我用它来检测简单的语法错误。我对atom知之甚少，因为我不使用linux作为主机开发操作系统，但升华对javascript是可行的linux和Windows都有，所以尝试一下也没什么坏处。谢谢，这解决了第二个函数，但似乎
pContainerHeight
变量中有一个错误：“Uncaught SyntaxError:Unexpected token）”。谢谢，这两次都是一个小小的错误。升华指出了这样的错误吗？我使用atom，我想没有。@Jake升华有一个软件包来突出javascript的语法，所以我用它来检测简单的语法错误。我对atom知之甚少，因为我不使用linux作为主机开发操作系统，但升华对javascript是可行的linux和Windows都有，所以不妨尝试一下。
 $('#recipeStack img:nth-child(3)').css({
      'transform' : 'translate(120px, -120px)',
      'opacity' : '.8'
    });

var pContainerHeight = $('#parallaxImage').height();
$(window).scroll(function(){

  var wScroll = $(this).scrollTop();

  if (wScroll <= pContainerHeight) {

    $('.logo').css({
      'transform' : 'translate(0px, '+ wScroll /2 +'%)'
    });

  }

});