如何产生效果？

Question

请帮助修复效果视差 在page上，我试图使用视差效果。

js：

$objWindow = $(window);

$('section[data-type="background"]').each(function(){
    var $bgObj = $(this);

    $(window).scroll(function() {
        console.log(11);

        var yPos = -($objWindow.scrollTop() / $bgObj.data('speed'));

        var coords = '100% '+ yPos + 'px';

        console.log(coords);

        $bgObj.css({ backgroundPosition: coords});
    });

问题是当滚动不改变块背景#apex

中位置的y坐标时

Answer 1

你犯了一个错误：

<强>你的：

$bgObj.css({ backgroundPosition: coords});

更改如下：

$bgObj.css({ 'background-position': coords});