搜尋

首頁  >  問答  >  主體

求大神指點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();          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 。  我知道你們都懂,我小白!在此感謝!

#
天空翱翔天空翱翔1119 天前879

全部回覆(2)我來回復

  • 雪了无痕

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

    http://yl5p76q.cn/ 公西雁凡資訊網 帥

    回覆
    0
  • 取消回覆