2013-08-07 5 views
12

Я пытаюсь выяснить, как автоматически перевести страницу на определенный div при загрузке страницы. Я пробовал использовать функцию прокрутки jQuery, но не могу заставить ее работать правильно. Любые предложения?Пролистайте к определенному div на загрузке страницы

Ниже то, что я пытался до сих пор:

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

ответ

28

Вы можете сделать это, используя .animate() метод:

$(document).ready(function() { 
    // Handler for .ready() called. 
    $('html, body').animate({ 
     scrollTop: $('#what').offset().top 
    }, 'slow'); 
}); 
  • Это сгладит свиток в DIV с ID what

FIDDLE

+1

Работал отлично, спасибо большое. Я отвечу на ваш ответ, когда доска позволит мне :) – simon

+1

Рад, что это помогло :) –

+0

Это можно сделать динамически? Я хотел бы отправить имя div в строку запроса, например: show.aspx? DivToScrollTo = SecondDiv. – John

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

Firsts вы должны назвать файл,

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

Здесь идентификатор 'свитка'. Этот код полезен:

<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> 
Смежные вопросы