当用户在一个点之后滚动页面时,我正在尝试替换标题背景颜色,颜色和徽标图像。
当我向下滚动时它可以正常工作,但是当我滚动到顶部时,jquery似乎无法完成该功能,有时它可以正常工作,但是有时我可以看到两个徽标彼此重叠,并且背景颜色不变,只有文字颜色可以正确更改。
我试图在滚动功能中设置超时,但是它不起作用。
$(window).scroll(function(){
var screenTop = $(document).scrollTop();
if(screenTop > 55){
if($(".menu").length > 0){
$(".menu").css("background-color", $newbgcol);
$(".menu").find("a").css("color", $newcol);
$(".menu").find("span").css("color", $newcol);
$("#menu_logo").find("img").attr("src",$newlogo);
}
}
else{
if($(".menu").length > 0){
$(".menu").css("background-color", "");
$(".menu").find("a").css("color", $oldcol);
$(".menu").find("span").css("color", $oldcol);
$(".menu").find(".sub-menu").find("a").css("color", $subtxtcol);
$(".menu").find(".sub-menu").find("span").css("color", $subtxtcol);
$("#menu_logo").find("img").attr("src",$oldlogo);
}
}
});