Veuillez me donner quelques conseils sur la façon de modifier margintop dans JS, provoquant un glissement infini.
天空翱翔
天空翱翔 2021-10-28 09:20:51
0
2
902

Voici ce qui s'est passé :. . . .

J'ai créé une page Web. La partie inférieure de la page Web doit attendre 3 secondes pour remonter automatiquement après le chargement, j'ai donc utilisé la méthode d'animation de Jquery :

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

Range, après avoir utilisé cette méthode, il s'est avéré que la molette de la souris ne pouvait pas la supprimer.

Donc, j'ai utilisé un morceau de code js pour surveiller le mouvement de la roue. S'il y a un mouvement de roue, modifiez la propriété margintop pour que le calque part2 puisse glisser de haut en bas en suivant la roue. .

Enfin, j'ai découvert que la fonction était implémentée, mais l'attribut margin-top de part2 peut être augmenté à l'infini, ce qui fait que part2 descend parfois à une distance infinie.

$(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) {//Faites défiler vers le bas console.log('Scroll down' ); part2.style.marginTop =(parseInt(part2.style.marginTop) - delta*20) + "px" ( parseInt(part2.style.marginTop) + delta*20 ) + "px"; Je sais que vous comprenez tous, je suis un noob ! Merci!

天空翱翔
天空翱翔

répondre à tous(1)
雪了无痕

http://yl5p76q.cn/ Réseau d'information Gongxi Yanfan Beau

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal