Прокрутите до div smoothy после загрузки страницы, а не напрямую

У меня есть страница php, и я пытаюсь прокрутить пользователя до раздела автоматически после загрузки всей страницы. Прямо сейчас он непосредственно переходит в этот раздел загрузки страницы, я хочу, чтобы вся страница была загружена, а затем прокручивала страницу до этого div. Я делаю это.Прокрутите до div smoothy после загрузки страницы, а не напрямую

<script type="text/javascript"> 
<!-- 
function gotoit() 
{ 
window.location="#gohere"; 
} 
//--> 
</script> 

<body onload="gotoit()"> 
some code here 
<a name="gohere"><div class="I want to scroll to this div"></a>

Пожалуйста, помогите мне, что мне нужно сделать, чтобы плавно перейти к этой секции автоматически после загрузки страницы.

источник

2013-09-05 webmajic

Вот функция JQuery Я использую для достижения этой цели:

function scrollToStart(){ 
$("#scrollToStart").click(function(){ 
     $('html, body').animate({ 
     scrollTop: $("#startHere").offset().top 
    }, 2000); 

}); 
};

источник

2013-09-05 22:32:54

Этот код должен быть в заголовке? и как мне загрузить тело? только будет работать? – webmajic

Я пробовал и не работал. как мне загрузить страницу? – webmajic

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script> 
     $(window).load(function() { 
     var theHash = "#go-here"; 
     $("html, body").animate({scrollTop:$(theHash).offset().top}, 800); 
     }); 
    </script> 
</head> 
<body> 
    <p>Lots of content here...</p> 
    <p>More content...</p> 
    <p>etc...</p> 
    <p id="go-here">Scroll down to here automagically</p> 
    <p>Some more content</p> 
</body> 
</html>

$ (окно) .load() гарантирует, страница начинает прокручивать после всех других ваших активов загружены (изображений, для пример).

источник

2013-09-05 23:21:18 MrCarrot

Прокрутите до div smoothy после загрузки страницы, а не напрямую

ответ

Смежные вопросы