求大神指点js修改margintop导致无限下滑的问题

问题描述

事情的经过是这样的：。。。。

我做了个网页，网页的下半部分需要在加载后等待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();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/ 公西雁凡资讯网 帅