Question

我正在努力解决这个问题，而且很可能是我很傻但可能会有人帮忙。

当您滚动我的示例时，蓝色条会下降，其中将是从实际#logo

页面设置的徽标

的jQuery

$(function() {
    $(".topbarlogo").css({
        "background":"#000"
        });
    var _wrapwidth = $('#wrap').width();
    var _topbar = $("<div/>").attr({
        "id": "topbar",
        }).css({
            "width": _wrapwidth,
            "height": "50px",
            "background":"#43A6DF",
            "position": "fixed",
            "top":"0",
            "margin":"0 auto",
            "display":"none",
            "z-index":100
        });
    var _logo = $('#logo img').attr("src");
    var _topcontent = $("<div/>").append("<div id='topbarlogo' class='topbarlogo'></div>");
    console.log(_logo);
    $(_topbar).append(_topcontent);

    $("#wrap").prepend(_topbar);
    $(window).scroll(function(e){
        if ($(window).scrollTop() > 10) {
            console.log('>10');
            $(_topbar).slideDown();
        } else if ($(window).scrollTop() == 0) {
            console.log('0');
            $(_topbar).slideUp();
        } else {
            console.log('0');
            $(_topbar).slideUp();
        }
    });
});

Answer 1

尝试

var _topcontent = $("<div/>").append('<div id="topbarlogo" class="topbarlogo"><img src="' + _logo + '"/></div>');

演示：Fiddle

jQuery设置元素源的背景图像

1 个答案: