如何产生效果?

时间:2014-08-03 08:15:28

标签: javascript jquery css

请帮助修复效果视差 在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坐标时

1 个答案:

答案 0 :(得分:-1)

你犯了一个错误:

<强>你的:

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

更改如下:

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