2012-06-17 276 views
0

我一直在嘗試將我的頁面滾動設置爲某個div。請讓我知道我該怎麼做。以下是我的代碼,其中li中的每個選項移動到某個div。我試過這個$(「#header3」)。click();在doucument.ready函數中,但它沒有工作。頁面加載觸發div

請幫忙!

<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

您的標記中沒有任何具有id'header1'的元素。你可以使用'$('#navigation li a:first')。click()'或簡單的'$('a.home')。click()' –

+0

是的,我錯誤地寫了header1,現在編輯它,但仍然沒有運氣:( –

+0

如果你想將它移動到'#header3',那麼你必須做'$('a.why')。click()'作爲'why'是那個錨標籤的類。 –

回答

2

或者您可以使用此滾動至具體元素在頁面加載與動畫

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

哇,它的工作非常感謝bhai,我非常非常感謝你 –

+1

@softgenic:不客氣:) – Sarfraz

+0

bhai最後一個問題我可以發送請求加載某個div只有一些像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 –