如題,用的是bootstrap的導(dǎo)航欄我有三個圖片(img1，img2，img3)一個img1是寬度768px以下的，即手機(jī)平板端logo,另一個img2是768px以上,滾動條沒拉下去時的logo,那個時候?qū)Ш绞峭该鞅尘暗?第三張img3是768px以上,然后滾動條拉動到大概150左右就會出現(xiàn)的圖片logo,這個時候?qū)Ш奖尘吧前咨?最開始寫的是 $(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'});}    }那么問題來了,我設(shè)置的display:none的圖片,也就是img2 他會在頁面剛進(jìn)去的時候顯示以下然后再隱藏，這樣的話效果不是很好,可能有人問我為什么不用css的媒體查詢做隱藏,但是這樣我滾動條事件就沒轍了...