問題描述

事情的經(jīng)過是這樣的：。。。。

我做了個網(wǎng)頁，網(wǎng)頁的下半部分需要在加載后等待3秒鐘自動上移，所以我用了Jquery的 animate方法：

$("#part2").animate({marginTop: "-=800px"}, 8000);

燃鵝，用了這個方法之后，結(jié)果鼠標(biāo)滾輪又沒辦法把它搞下來了。

于是，我用了一段js代碼，監(jiān)聽滾輪動作，如果有滾輪動作，就修改 margintop屬性，使得這個part2層，可以跟隨滾輪上下滑動。。

最后我發(fā)現(xiàn)，功能是實現(xiàn)了，但是這個part2的margin-top屬性可以無限增加，導(dǎo)致part2有時候會下到無限遠(yuǎn)的下方，這個時候就懵逼了。

$(document).on('mousewheel DOMMouseScroll', onMouseScroll); function onMouseScroll(e) {e.preventDefault();var wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail;var delta = Math.max(-1, Math.min(1, wheel));var part2= document.getElementById('part2');if (delta < 0) {//向下滾動 console.log('向下滾動'); part2.style.marginTop =( parseInt(part2.style.marginTop) - delta*20 ) + "px";} else {//向上滾動 console.log('向上滾動'); part2.style.marginTop =( parseInt(part2.style.marginTop) + delta*20 ) + "px";} }

請問我該如何解決這個問題？ 我知道你們都懂，我小白！ 在此感謝！

問題解答

http://yl5p76q.cn/ 公西雁凡資訊網(wǎng) 帥