web-dev-qa-db-fra.com

défilement automatique en utilisant javascript

J'essaie d'implémenter du code sur ma page Web pour un défilement automatique après le chargement de la page. J'ai utilisé une fonction Javascript pour effectuer le défilement automatique et j'ai appelé ma fonction lorsque la page est chargée, mais la page ne défile toujours pas correctement! Est-il possible de faire défiler ma page automatiquement? 

Voici ma fonction Javascript:

function pageScroll() {
        window.scrollBy(0,50); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}
javascriptjqueryautoscroll
7
hiteshtr

Ce n'est pas lisse parce que le parchemin augmente de 50 toutes les 100 millisecondes.

changez ceci et la quantité que vous faites défiler en un nombre plus petit pour que la fonction soit exécutée avec l'illusion d'être beaucoup plus fluide.

réduisez la vitesse pour rendre cela plus rapide ou plus lent.

function pageScroll() {
    window.scrollBy(0,1);
    scrolldelay = setTimeout(pageScroll,10);
}

semblera être beaucoup plus lisse, essayez-le;)

20
Michael Zaporozhets

Essayez d'utiliser jQuery, et ce code:

$(document).ready(function(){
     $('body,html').animate({scrollTop: 156}, 800); 
});

156 - position faites défiler jusqu'à (px), à partir du haut de la page.
800 - durée du défilement (ms)

9
Antonix

Le bon déroulement des animations dépend de la machine du client. Quelle que soit la qualité de votre code, vous ne serez jamais satisfait du fonctionnement de votre animation sur un système Ram de 128 Mo.

Voici comment vous pouvez faire défiler à l'aide de jQuery:

$(document).scrollTop("50");

Vous voudrez peut-être aussi essayer Plugin AutoScroll .

1
Starx

vous pouvez utiliser la fonction jfunc pour le faire. utiliser les fonctions jFunc_ScrollPageDown et jFunc_ScrollPageUp. http://jfunc.com/jFunc-Functions.aspx .

1
Dany Maor

Vous voudrez peut-être consulter le code source du plug-in jQuery ScrollTo , qui défile sans à-coups. Ou peut-être même simplement utiliser le plug-in au lieu de lancer votre propre fonction.

1
Klaus Byskov Pedersen

Puisque vous avez étiqueté la question comme 'jquery', pourquoi n'essayez-vous pas quelque chose comme .animate()? Cette fonction particulière de jquery est conçue pour animer en douceur toutes sortes de propriétés, y compris les propriétés CSS numériques et la position de défilement.

0
tdammers