グリッド視差（High Sierraページのリンゴのような）

Question

私は両面グリッド内でシンプルな視差効果を作りようとしています。 AppleのサイトではHigh Sierraページで視差効果を使用しています。 （https://www.apple.com/nl/macos/high-sierra-preview/）

Here is a picture of the section with the parallax effect

は、グリッドの右半分は、グリッドの左側次いで遅く移動しています。

私はこの効果を達成することを試みたが、私はいくつかの問題に出てくる：

• ラスタースクロール無限：Appleの効果がある時点で停止します。
• グリッド内のコンポーネントの整列。

誰かが私を助けることができますか？

これは私が試してみました何で...

$(document).ready(function(){ 
    $(window).bind('scroll', function(e){ 
     parallax(); 
    }); 
    function parallax(){ 
     var scrolledVertical = $(window).scrollTop(); 
     $('.vertical').css('top','+' + ((scrolledVertical/1.3)) + 'px'); 
    } 
    }); 

Answer 1

は、私はまた、この正確な効果を達成するためのチュートリアルを見つけるのに苦労しています。しかし、私は何も見つけられません...