事情的經(jīng)過是這樣的:。 。 。 。
我做了個網(wǎng)頁,網(wǎng)頁的下半部需要在載入後等待3秒鐘自動上移,所以我用了Jquery的animate方法:
$("#part2" ).animate({marginTop: "-=800px"}, 8000);
燃鵝,用了這個方法之後,結(jié)果滑鼠滾輪又沒辦法把它搞下來了。
?
於是,我用了一段js程式碼,監(jiān)聽滾輪動作,如果有滾輪動作,就修改 margintop屬性,使得這個part2層,可以跟隨滾輪上下滑動。 。
最後我發(fā)現(xiàn),功能是實(shí)現(xiàn)了,但這個part2的margin-top屬性可以無限增加,導(dǎo)致part2有時候會下到無限遠(yuǎn)的下方,這個時候就懵逼了。
$(document).on('mousewheel DOMMouseScroll', onMouseScroll); ? ?function onMouseScroll(e) { ? ? ? ?e.preventDefault(); ? ? ? ? ?e.preventDefault(); ? ?var delta = Math.max(-1, Math.min(1, wheel)); ? ? ? ?var part2= document.getElementById('part2'); ? ? ? ?if (delta < 0) {//向下滾動 ? ? ?if (delta < 0) {//向下滾動 .?向下捲動'); ? ? ? ? ? ?part2.style.marginTop =( parseInt(part2.style.marginTop) - delta*20 ) "px"; ? ? ??} else {//向上滾動() 1/向上滾動;? ? ?part2.style 。? 我知道你們都懂,我小白!在此感謝!
#