- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
Heim > Fragen und Antworten > Hauptteil
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!
