問題描述

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

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

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

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

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

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

$(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) {//向下滾動(dòng) console.log('向下滾動(dòng)'); part2.style.marginTop =( parseInt(part2.style.marginTop) - delta*20 ) + "px";} else {//向上滾動(dòng) console.log('向上滾動(dòng)'); part2.style.marginTop =( parseInt(part2.style.marginTop) + delta*20 ) + "px";} }

請(qǐng)問我該如何解決這個(gè)問題？ 我知道你們都懂，我小白！ 在此感謝！

問題解答

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