Maison  >  Questions et réponses  >  le corps du texte

Veuillez me donner quelques conseils sur la façon de modifier margintop dans JS, provoquant un glissement infini.

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!

天空翱翔天空翱翔1109 Il y a quelques jours873

répondre à tous(2)je répondrai

  • 雪了无痕

    雪了无痕2021-11-10 11:19:35

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

    répondre
    0
  • Annulerrépondre