前輩們晚安
最近在研究JQ的scroll動畫
做了一個測試檔如下：
https://www.dropbox.com/s/ahmtxme62gjjckx/scrollTEST.rar
我想做的，是有張連續圖片，在網頁內容滾動到某處時
它會停在畫面上，然後換圖，換完後繼續滾動，我用的方法是偵測scrollTop
code如下：
$(window).scroll(function(){
H=$(window).scrollTop();//偵測scrollTop
$(".ps").html(H); //輔助用而已別理它
if(H<1000){
$("#pic").css({position:"absolute", top:1000})
return false;
}else if(H>1000 && H<2000){
$("#pic").css({position:"fixed", top:0})//停在畫面上
return false;
}else if(H>2000){
$("#pic").css({position:"absolute", top:2000})
return false;
}
})
測試結果是ok的，網頁下拉到某處，它會停住，直到繼續拉到某個數值圖片才繼續滾動
但有個問題，就是圖片在fixed的那瞬間會閃動
也是當H<1000它還可以滾動，>1000它會被fixed的那一瞬間會閃一下
看別人做同樣的機制都很順不會閃
是我哪寫錯了，或是根本就不是這樣做的？
另外，之所以要讓圖片停在畫面上，是因為圖片是連續圖（pic1~10.gif）
圖片會隨著畫面下拉而換圖，直到換完就可繼續向下拉
這部份是怎麼做的呢，試好久它動都不動= =
以上，試的好累，程式真是困難啊...
先向撥冗指點迷津的前輩們道謝：）
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 175.96.162.91