Jquery 有问题使两个元素以不同的速度滚动吗

我已将所有代码上载到gitHub以帮助回答此问题，这样您就可以看到整个代码，存储库-

代码的实时预览-

我试图使后台id=par1、par2、par3比包含名为section的类的内容滚动得更快。然而，我使用的jQuery并没有减缓index.html底部的速度。我是jQuery新手，所以无法解决这个问题，任何帮助都会有用的谢谢

html如下所示

<div id="wrapper" class="wrapper-scroll">
         <div id="par1"></div>
         <div id="par2"></div>
         <div id="par3"></div>
            <div class="content">

                <div class="section">

                    <div class="article1"> <!-- Epsiode 1 -->
                    </div>    
                </div>
                <div class="section">
                    <div class="article2"> <!-- Epsiode 2 -->


                    </div>
                </div>
                <div class="section">
                    <div class="article3"> <!-- Epsiode 3 --> 

                            </div>
                        </div> 


                    </div>
                </div>

然后我用jQuery来改变速度是

<script>
  function parralax() {
     var par2 = document.getElementById('par2');
     var par3 = document.getElementById('par3');
     par2.style.left = -(window.pageYOffset / 10)+'px';
     par3.style.left = -(window.pageYOffset / 10)+'px';
   }
   window.addEventListener("scroll", parralax, false);
   </script>

   <script>
     function parralax2() {
      var article2 = document.getElementById('article2');
      var article3 = document.getElementById('article3');
      article2.style.left = -(window.pageYOffset / 1)+'px';
      article3.style.left = -(window.pageYOffset / 1)+'px';
     }
     window.addEventListener("scroll", parralax2, false);
   </script>

---

你不是已经发布了这个问题吗？那个怎么了？@Xufox我是新来的，不过谢谢你会记住的。

<script>
  function parralax() {
     var par2 = document.getElementById('par2');
     var par3 = document.getElementById('par3');
     par2.style.left = -(window.pageYOffset / 10)+'px';
     par3.style.left = -(window.pageYOffset / 10)+'px';
   }
   window.addEventListener("scroll", parralax, false);
   </script>

   <script>
     function parralax2() {
      var article2 = document.getElementById('article2');
      var article3 = document.getElementById('article3');
      article2.style.left = -(window.pageYOffset / 1)+'px';
      article3.style.left = -(window.pageYOffset / 1)+'px';
     }
     window.addEventListener("scroll", parralax2, false);
   </script>