web-dev-qa-db-fra.com

Faites défiler jusqu'à une div spécifique lors du chargement de la page

J'essaie de comprendre comment faire défiler la page automatiquement vers une division spécifique une fois la page chargée. J'ai essayé d'utiliser la fonction de défilement jQuery, mais je ne peux pas le faire fonctionner correctement . Des suggestions?

Voici ce que j'ai essayé jusqu'à présent:

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});
jqueryhtmlscroll
13
simon

Vous pouvez le faire en utilisant la méthode .animate() :

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});
  • Cela facilitera le défilement vers la div avec l'ID what

FIDDLE

36
palaѕн

Vous devez d'abord appeler le fichier, 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

Ici, l'id est 'scroll' . Le code suivant est utile:

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#scroll').offset().top
    }, 'slow');
});

</script>

</head>
<body>

<div id="scroll"></div>

</body>
</html>
0
Jithu Wilson C