求大神指點js修改margintop導致無限下滑的問題
天空翱翔
天空翱翔 2021-10-28 09:20:51
0
2
772

事情的經過是這樣的:。 。 。 。

我做了個網頁,網頁的下半部需要在載入後等待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 。  我知道你們都懂,我小白!在此感謝!

#
天空翱翔
天空翱翔

全部回覆(1)
雪了无痕

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!