2013-08-07 14 views
12

Sto cercando di capire come ottenere automaticamente la pagina scorrere verso un div specifico quando la pagina è stata caricata. Ho provato a utilizzare la funzione di scorrimento jQuery, ma non riesco a farlo funzionare correttamente. Qualche suggerimento?Scorrere al div specifico sul caricamento della pagina

seguito è quello che ho provato finora:

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

risposta

28

Si può fare questo con il metodo .animate():

$(document).ready(function() { 
    // Handler for .ready() called. 
    $('html, body').animate({ 
     scrollTop: $('#what').offset().top 
    }, 'slow'); 
}); 
  • Questo sarà liscia di scorrimento per il div con ID what

FIDDLE

+1

Ha funzionato perfettamente, grazie mille. Accetterò la tua risposta quando il consiglio di amministrazione me lo consentirà :) – simon

+1

Felice di averlo aiutato :) –

+0

Potrebbe essere fatto in modo dinamico? Vorrei inviare il nome del div in una stringa di query come: show.aspx? DivToScrollTo = SecondDiv. – John

0
$(document).ready(function(){ 
    $("html, body").animate({ 
     scrollTop: $('.sb-menu').offset().top 
    }, 1000); 
}); 
0

primati si deve chiamare il file,

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

Qui l'id è 'scroll'. Il seguente codice è 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> 
Problemi correlati