jqueryのCSS要素を右から左、下から下に移動するにはどうすればよいですか？

Question

このページが私のウェブサイトでスクロールするとき：table_area-leftは現在の位置に左から右に移動し、table_area-rightは現在の位置に右から左に移動し、morph buttonは下から上に移動します。私はそれのjqueryコードを見つけることができませんでした。私はjqueryをよく知らない。それで私を助けてください。

私もこのjqueryの-UIライブラリを追加しました：

<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js" 
      integrity="sha256-lCF+55kMUF+3fO/3BiXui4eiUKcQmtr7ecKSeLVDxIQ=" 
      crossorigin="anonymous"></script> 


<section id="hizmetlerimiz"> 
     <!-- hizmetlerimiz sayfası --> 
     <div class="wrapper"> 
      <div class="genel_icerik"> 

      <div class="tablo_area-left"> 
       <h2>RULO AÇMA BOY KESME MAKİNELERİ</h2> 
       <p> 
        1,50 mm'den 25.00 mm'ye kadar her tür kalite sıcak ve dekape(RP) grubu malzemeler istenilen 
        her boyda kesilerek servise sunulmaktadır. 0,50 mm'den 3,00 mm'ye kadar tüm soğuk ve 
        galvaniz grubu malzemeler özenle istenilen boyda kesilmekte ve itina ile paketleme yapılmaktadır. 
       </p> 
      </div> 
      <div class="tablo_area-right"> 
       <h2>RULO DİLME MAKİNELERİ</h2> 
       <p> 
        0,18 mm'den 2,50 mm'ye kadar her tür soğuk ve galvaniz grubu malzemeler hassas toleranslar dahilinde 
        dilinmekte ve özenle paketleme işlemi yapılmaktadır. 1,50 mm'den 8,00 mm'ye kadar her tür sıcak ve 
        dekape(RP) grubu malzemeler hassas bir işçilikle ve istenilen genişlik toleranslarında dilinmekte ve itina ile 
        paketlenmektedir. 
       </p> 
      </div> 
      <!-- Table area right end--> 
      <div class="morph-button morph-button-overlay morph-button-fixed morph-button"> 
       <button type="button" style="border-radius:10px; border:inset black; margin-top:50px;" title="Daha Fazla Bilgi">Daha Fazla Bilgi</button> 
      </div> 
      <!--morp button --> 
     </div> 
     <!-- genel icerik end--> 

Answer 1

をあなたがskrollr、scrollmagicのようなプラグインを使用することができ、scrolloramaなど