jquery - 添加视差滚动时未定义 Javascript $window

Question

我目前正在构建一个基于时间线的不同年份的页面，因为这是一个包含大量信息的单一页面，我决定使用可用的视差滚动效果，构建我的页面以按以下方式工作:

我添加了基于 this 的视差滚动教程。但它没有按照我想要的方式运行。

我创建了这个 Fiddle尝试并展示我想要它做什么。

我使用与教程中相同的 JS:

 $(document).ready(function () {
        $('section[data-type="background"]').each(function () {
            var $bgobj = $(this); // assigning the object

            $(window).scroll(function () {
                var yPos = -($window.scrollTop() / $bgobj.data('speed'));

                // Put together our final background position
                var coords = '50% ' + yPos + 'px';

                // Move the background
                $bgobj.css({ backgroundPosition: coords });
            });
        });
    });

但是在滚动页面时不断收到以下消息:Uncaught ReferenceError: $window is not defined 如有任何建议或帮助，我们将不胜感激。

Answer 1

将 $window 更正为 $(window)