javascript - 如何产生效果？

请帮助修复效果视差

在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坐标时

最佳答案

您犯了一个错误：

您的：

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

如下更改：

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

关于javascript - 如何产生效果？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25102856/