如題,
用的是bootstrap的導(dǎo)航欄
我有三個(gè)圖片(img1，img2，img3)
一個(gè)img1是寬度768px以下的，即手機(jī)平板端logo,
另一個(gè)img2是768px以上,滾動(dòng)條沒(méi)拉下去時(shí)的logo,那個(gè)時(shí)候?qū)Ш绞峭该鞅尘暗?
第三張img3是768px以上,然后滾動(dòng)條拉動(dòng)到大概150左右就會(huì)出現(xiàn)的圖片logo,這個(gè)時(shí)候?qū)Ш奖尘吧前咨?

最開(kāi)始寫的是
$(window).scroll(function(){

myFun1();

})

function myFun1 (){

if(document.body.clientWidth) {
    if($(window).scrollTop() > 150) {
        $('.img3').css({'display':'none'});
        $('.img2').css({'display':'block'});
        $('.img1').css({'display':'none'});
    }else {
        $('.img3').css({'display':'none'});
        $('.img2').css({'display':'none'});
        $('.img1').css({'display':'block'});
    }
}else {
    $('.img3').css({'display':'block'});
    $('.img2').css({'display':'none'});
    $('.img1').css({'display':'none'});
}    

}

那么問(wèn)題來(lái)了,我設(shè)置的display:none的圖片,也就是img2 他會(huì)在頁(yè)面剛進(jìn)去的時(shí)候顯示以下然后再隱藏，這樣的話效果不是很好,
可能有人問(wèn)我為什么不用css的媒體查詢做隱藏,但是這樣我滾動(dòng)條事件就沒(méi)轍了...