所以我有这个：
jQuery("document").ready(function($){
var nav = $('#nav');
var logo = '<img src="img/logo.png" />';
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("nav-f");
nav.append(logo);
} else {
nav.removeClass("nav-f");
nav.remove(logo);
}
});
});
滚动时，我试图固定导航，这可以工作，但我也想在#nav div中添加带有徽标图像的标签，该标签也可以工作，但会附加在每个滚动上，因此滚动时我会像徽标的100张图片。
当滚动滚动条的宽度不超过136像素时，如何使其仅附加一次？
只需使用布尔值
jQuery("document").ready(function($){
var nav = $('#nav');
var logo = '<img id="lilLogo" src="img/logo.png" />';
var visible = false;
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("nav-f");
if(!visible) {
nav.append(logo);
visible = true;
}
} else {
nav.removeClass("nav-f");
if(visible) {
$('#lilLogo').remove();
visible = false;
}
}
});
});
替代方法是使用进行检查$('#lilLogoID').is(':visible')，但是随后将搜索img并检查每个事件是否可见（这很慢）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句