Faire défiler jusqu’à ID sur le chargement de la page

L’impression d’animer le parchemin sur un identifiant particulier lors du chargement de la page. J’ai fait beaucoup de recherches et suis tombé sur ceci:

$("html, body").animate({ scrollTop: $('#title1').height() }, 1000); 

mais cela semble commencer à partir de l’ID et animer en haut de la page?

Le HTML (qui est à mi-chemin de la page) est simplement:

 

Title here

Vous faites uniquement défiler la hauteur de votre élément. offset () renvoie les coordonnées d’un élément par rapport au document et top param vous indique la distance de l’élément en pixels le long de l’axe des y:

 $("html, body").animate({ scrollTop: $('#title1').offset().top }, 1000); 

Et vous pouvez également y append un délai:

 $("html, body").delay(2000).animate({scrollTop: $('#title1').offset().top }, 2000); 

Solution javascript pure avec la fonction scrollIntoView () :

 document.getElementById('title1').scrollIntoView({block: 'start', behavior: 'smooth'}); 
 

Some title

 $(jQuery.browser.webkit ? "body": "html").animate({ scrollTop: $('#title1').offset().top }, 1000); 

jquery-animate-body-for-all-navigers .

Il y a un plugin jquery pour cela. Il fait défiler le document vers un élément spécifique, de sorte qu’il soit parfaitement au milieu de la fenêtre d’affichage. Il prend également en charge les fonctions d’animation afin que l’effet de défilement soit super lisse. Vérifiez ce lien .

Dans votre cas, le code est

 $("#title1").animatedScroll({easing: "easeOutExpo"}); 

essayez avec le code suivant. créer des éléments avec le nom de classe scroll-page et garder le nom id à href des liens correspondants

 $('a.page-scroll').bind('click', function(event) { var $anchor = $(this); $('html, body').stop().animate({ scrollTop: ($($anchor.attr('href')).offset().top - 50) }, 1250, 'easeInOutExpo'); event.preventDefault(); }); 

pour le défilement simple, utilisez le style suivant

hauteur: 200px; débordement: défilement;

et utiliser cette classe de style quelle div ou section que vous voulez montrer défiler