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

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

我做了個網頁,網頁的下半部需要在載入後等待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學習者快速成長!