javascript - 如何做出效果？

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

问题是当滚动不改变 block 背景中位置的 y 坐标时 #apex

Answer 1

你犯了一个错误:

你的:

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

如下更改:

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