Bitte geben Sie mir einige Ratschläge, wie ich Margintop in JS ändern kann, was zu einer unendlichen Verschiebung führt.
天空翱翔
天空翱翔 2021-10-28 09:20:51
0
2
869

Das ist passiert:. . . .

Ich habe eine Webseite erstellt, die 3 Sekunden warten muss, bis sie nach dem Laden automatisch nach oben verschoben wird. Deshalb habe ich die Animationsmethode von Jquery verwendet:

$("#part2").animate({marginTop: " -= 800px"}, 8000);

Range, nach Verwendung dieser Methode stellte sich heraus, dass das Mausrad es nicht entfernen konnte.

Also habe ich einen Teil des JS-Codes verwendet, um die Radbewegung zu überwachen. Wenn es eine Radbewegung gibt, ändern Sie die Eigenschaft „margintop“ so, dass die Ebene „part2“ dem Rad folgend nach oben und unten gleiten kann. .

Schließlich stellte ich fest, dass die Funktion implementiert wurde, aber das Attribut „margin-top“ von Teil2 unendlich vergrößert werden kann, was dazu führt, dass Teil2 manchmal auf eine unendliche Entfernung absinkt. Zu diesem Zeitpunkt war ich verwirrt.

$(document).on('mousewheel DOMMouseScroll', onMouseScroll); function onMouseScroll(e) { e.preventDefault(); var Wheel = e.originalEvent.wheelDelta || .max(-1, Math.min(1, Wheel)); var part2= document.getElementById('part2'); if (delta < 0) {//Nach unten scrollen console.log('Nach unten scrollen'); part2.style.marginTop =(parseInt(part2.style.marginTop) - delta*20) + "px" ( parseInt(part2.style.marginTop) + delta*20 ) + "px"; Ich weiß, dass Sie alle verstehen, ich bin ein Neuling! Danke schön!

天空翱翔
天空翱翔

Antworte allen(1)
雪了无痕

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!