2012-06-17 2 views
0

Я пытался установить прокрутку моей страницы на определенный div. Пожалуйста, дайте мне знать, как я могу это сделать. Ниже приведен мой код, в котором каждый параметр в li перемещается в определенный div. Я попробовал этот $ ("# header3"). Click(); в функции doucument.ready, но это не сработало.Trigger div on pageload

Просьба помочь!

<ul id="navigation"> 

      <LI><A class="home selected-lice"href="#header">Home</A></LI> 


      <LI><A href="#header4">Partners</A></LI> 

       <LI><A class="about" href="#header5">About Us</A></LI> 

      <LI><A class="contact" href="#header6">Contact Us</A></LI> 


     </ul><!-- end of #navigation --> 
+1

В вашей разметке у вас нет элемента с идентификатором 'header1'. Вы можете использовать '$ ('# navigation li a: first'). Click()' или просто '$ ('a.home'). Click()' –

+0

да, я ошибочно пишу header1, редактирую его сейчас, но все равно не повезло :( –

+0

Если вы хотите, чтобы он переместил его в '# header3', вам нужно сделать' $ ('a.why'). Click() 'as' why' является классом этого якорного тега. –

ответ

2

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

$(function(){ 
    $('html, body').animate({ scrollTop: $("#header1").offset().top }); 
}); 
+0

WOW это сработало благодаря большому бхайу. Я очень доволен вам. –

+1

@softgenic: приветствую :) – Sarfraz

+0

bhai последний вопрос, могу ли я отправить запрос на загрузку определенного div с URL-адресом только что-то вроде abc.com/#header1, чтобы вызвать подход, который я использую, мне нужно сделать 5 отдельных файлов для моего задайте и обновите их все, если это можно сделать, включив любую часть кода в один файл, тогда мне будет лучше. –

0

Проверить эту ссылку: http://css-tricks.com/snippets/jquery/smooth-scrolling/

или попытаться переписать обычное якорное поведение с некоторой прокруткой. Пример:

$(function(){ 
    $('a[href^=#]').click(function(e){ 
    var name = $(this).attr('href').substr(1); 
    var pos = $('a[name='+name+']').offset(); 
    $('body').animate({ scrollTop: pos.top }); 
    e.preventDefault(); 
    }); 
}); 
+0

Я хочу загрузить определенный div на загрузку страницы –