从DIV获取BG图像和位置,并动态地将其送给另一个



我试图从DIV中获得背景图像和位置,并将其放在导航的背景中。

$(document).ready(function(jQuery){
    var bgimg = $('.stripe-style-2').css('backgroundImage');
    var bgpos = $('.stripe-style-2').css('background-position');
    $(window).scroll(function () {
    $('.fix #main-nav').css('background-image', bgimg);
    $('.fix #main-nav').css('background-position', bgpos);
    });
});

导航从.stripe-style-2获取背景图像和位置

background-position: 50% -178px

background-position: 50% 0

我该如何修复?

它在我看来,就像您只需要获得最新的位置值之前...

$(document).ready(function(jQuery){
    var bgimg = $('.stripe-style-2').css('backgroundImage');
    $(window).scroll(function () {
        var bgpos = $('.stripe-style-2').css('background-position');
        $('.fix #main-nav').css('background-image', bgimg);
        $('.fix #main-nav').css('background-position', bgpos);
    });
});

您以前只得到一次,尽管背景位置发生了变化,但该变量永远不会改变。

最新更新