作者virgin7 (人类造不出天堂)
看板Web_Design
标题[问题] 做了一个scroll测试,但有怪闪动...
时间Sun Dec 8 00:23:54 2013
前辈们晚安
最近在研究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