Javascript 在滚动的不同时间淡出/进入两个div

基本上，我想在这个网站上复制一个类似的效果：当你向下滚动时，导航会很快消失，然后当你继续滚动时，英雄文本会根据滚动位置慢慢消失。当你向上滚动到顶部时，它们都会再次淡入，首先是英雄文本，然后是导航

我正试图复制这一点，但我下面的代码根本无法工作：

// 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)
        });
    }

---

您是否已将该功能附加到窗口滚动事件？代码中是否有比此处更多的内容？因为到目前为止，您所拥有的只是一个函数和该函数中的一些css修改jQuery，但我没有看到任何与任何滚动事件相关的东西。啊，我明白了，我现在已经完成了这项工作和所有工作。谢谢你的提示。