javascript - 在滚动的不同时间淡出/淡入两个 div

Question

基本上，我希望复制与该站点类似的效果：http: //www.falve.co.nz/collection/当您向下滚动时，导航会很快淡出，然后当您继续滚动时，英雄文本会轻轻淡出根据滚动位置退出。当您向上滚动到顶部时，它们都会再次淡入，首先是英雄文本，然后是导航。

我正在尝试复制它，但下面的代码根本不起作用：

// Global vars
  var $artHeaderInner = $('#scene');
  var $nav = $('#prim');
  var windowScroll;

    // Functional parallaxing calculations
    function slidingTitle() {

        //Get scroll position of window
        windowScroll = $(this).scrollTop();

        //Slow scroll of .art-header-inner scroll and fade it out

        $artHeaderInner.css({
            'margin-top' : -(windowScroll/3)+"px",
            'opacity' : 1-(windowScroll/550)
        });

        //Fade the .nav out
        $nav.css({
            'opacity' : 1-(windowScroll/400)
        });
    }