2013-08-07 18 views
12

Próbuję dowiedzieć się, w jaki sposób strona zostanie automatycznie przewinięta do określonego elementu div po załadowaniu strony. Próbowałem używać funkcji przewijania jQuery, ale nie mogę sprawić, by działała poprawnie. Jakieś sugestie?Przewiń do konkretnego elementu div na stronie ładowania

obserwuję to co próbowałem dotąd:

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

Odpowiedz

28

Można to zrobić przy użyciu metody .animate():

$(document).ready(function() { 
    // Handler for .ready() called. 
    $('html, body').animate({ 
     scrollTop: $('#what').offset().top 
    }, 'slow'); 
}); 
  • To będzie wygładzić zwój do div o identyfikatorze what

FIDDLE

+1

Działa doskonale, dziękuję. Przyjmuję twoją odpowiedź, kiedy tablica mi pozwoli :) – simon

+1

Cieszę się, że pomogło :) –

+0

Czy można to zrobić dynamicznie? Chciałbym wysłać nazwę div w ciągu zapytań takich jak: show.aspx? DivToScrollTo = SecondDiv. – John

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

Firsts trzeba nazwać plik

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

Tutaj id jest 'przewijania'. Poniższy kod jest pomocny:

<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> 
Powiązane problemy