登陆

求大神指点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";        }    }

 

 

请问我该如何解决这个问题?  我知道你们都懂,我小白! 在此感谢!

# JavaScript
天空翱翔天空翱翔83 天前157 次浏览

全部回复(2)我要回复

  • 雪了无痕

    雪了无痕2021-11-10 11:19:35

    http://yl5p76q.cn/ 公西雁凡资讯网 帅

    回复
    0
  • 取消回复发送