视差滚动无法正常工作

Question

我需要你的视差滚动帮助。 我正在这个网站上工作 - new.rangafner.com

有2个视差部分 - #intro＆amp; #shows。 #intro正常工作，＃show不能。

由于某种原因它从中间开始。

这是jQuery：

$(document).ready(function(){
// cache the window object
$window = $(window);
$('section[data-type="background"]').each(function(){
 // declare the variable to affect the defined data-type
 var $scroll = $(this);

  $(window).scroll(function() {
    // HTML5 proves useful for helping with creating JS functions!
    // also, negative value because we're scrolling upwards                             
    var yPos = -($window.scrollTop() / $scroll.data('speed')); 

    // background position
    var coords = '50% '+ yPos + 'px';

    // move the background
    $scroll.css({ backgroundPosition: coords });    
  }); // end window scroll
 });  // end section function
}); // close out script

这是背景图片的css：

    #shows { 
    background: url(../images/shows_page_bg&pic.jpg) 50% 1000px fixed no-repeat; 
    height: 750px;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
    min-height: 750px;
}

非常乐意为您提供帮助。 感谢。