Javascript 网格视差(如High Sierra页面上的苹果)

Javascript 网格视差(如High Sierra页面上的苹果),javascript,jquery,parallax,Javascript,Jquery,Parallax,我试图在双面网格中制作一个简单的视差效果。 在苹果的网站上,他们在High Sierra页面上使用视差效果。() 栅格的右半部分移动速度比栅格的左侧慢 我曾试图达到这一效果,但我遇到了几个问题: 视差滚动无限:苹果的效果在某一点停止 网格中零部件的对齐 有人能帮我吗 这就是我尝试过的 $(document).ready(function(){ $(window).bind('scroll', function(e){ parallax(); });

我试图在双面网格中制作一个简单的视差效果。 在苹果的网站上,他们在High Sierra页面上使用视差效果。()

栅格的右半部分移动速度比栅格的左侧慢

我曾试图达到这一效果,但我遇到了几个问题:

  • 视差滚动无限:苹果的效果在某一点停止
  • 网格中零部件的对齐
有人能帮我吗

这就是我尝试过的

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

我也在努力寻找一个教程来达到这个确切的效果。但我没有发现任何东西…

您至少需要先尝试编写一些代码,然后在出现问题时在此处显示。