jQuery div autoscroll

Question

Je cherche des conseils sur la façon de créer un effet de défilement automatique en utilisant jQuery qui permettrait à un div entier dans une page de commencer à défiler verticalement lors du chargement à une vitesse lente constante. Ce serait un div avec une grande quantité de contenu dont seulement une petite quantité était visible sur l'écran à un moment donné.

Le défilement doit être automatique, lisse et à un taux défini, par exemple 10 pixels par seconde. De plus, lorsque le parchemin arrive au bas de la page, je dois pouvoir appeler une fonction.

J'ai essayé quelques plugins jQuery mais je n'ai encore rien trouvé qui fonctionne de manière fiable. Quelqu'un peut-il suggérer une approche à prendre ici?

Merci

Simon

Answer 1

Essayez this technique

Answer 2

Cela peut facilement se faire sans jquery.

function init() { 

    var div = document.getElementById("myDiv"); 

    // increase the scroll position by 10 px every 10th of a second 
    setInterval(function() { 
     // make sure it's not at the bottom 
     if (div.scrollTop < div.scrollHeight - div.clientHeight) 
      div.scrollTop += 10; // move down 
    }, 100); // 100 milliseconds 

} 

Answer 3

essayer ce plugin: scrollTo

en particulier les onAfter