事情的經過是這樣的:。 。 。 。
我做了個網頁,網頁的下半部需要在載入後等待3秒鐘自動上移,所以我用了Jquery的animate方法:
$("#part2" ).animate({marginTop: "-=800px"}, 8000);
燃鵝,用了這個方法之後,結果滑鼠滾輪又沒辦法把它搞下來了。
於是,我用了一段js程式碼,監聽滾輪動作,如果有滾輪動作,就修改 margintop屬性,使得這個part2層,可以跟隨滾輪上下滑動。 。
最後我發現,功能是實現了,但這個part2的margin-top屬性可以無限增加,導致part2有時候會下到無限遠的下方,這個時候就懵逼了。
$(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 。 我知道你們都懂,我小白!在此感謝!
#