jquery滾動問題

我正在使用jquery函數將頁面從上至下滾動。當我點擊左邊的菜單時，它會將頁面滾動到某個位置。這裏是功能jquery滾動問題

function initScroll(){ 
var dur = 750; 
//var hold = jQuery('#header'); 
var links = jQuery('#navigation > li > a'); 
//var h = hold.height(); 
var h = 0; 

links.click(function(){ 

    var link = jQuery(this); 
    var href = link.attr('href'); 

    if(href=="#main_content") 
     var h = 0; 
    else 
     var h = 0; 

    //alert(href); 
    //alert(h); 
    var box = $($(this).attr('href')).offset().top - h; 

    if(!$.browser.opera) $('body').stop().animate({scrollTop: box }, {queue:false, duration:dur}); 
    $('html').stop().animate({scrollTop: box }, {queue:false, duration:dur}); 
    return false; 
}); 
}

菜單是像

<ul id="navigation"> 
    <li class="sup"> <a href="#main_content">Home</a> </li> 
    <li class="sup"> <a href="#section_about">About Us</a> </li> 
    <li class="sup"> <a href="#section_business">Our Business</a> </li> 
    <li class="sup"> <a href="#section_vision">Our Vision</a> </li> 
    <li class="sup"> <a href="#section_contact">Contact</a> </li> 
</ul>

代碼

固定杆（分度位置固定在頂部）

<div id="breadcrum" class="breadcrum"></div>

，然後將內容的div （滾動到這裏）是

<div id="section_home" class="content_section">contents...</div> 
<div id="section_about" class="content_section">contents...</div> 
<div id="section_business" class="content_section">contents...</div> 
<div id="section_vision" class="content_section">contents...</div> 
<div id="section_contact" class="content_section">contents...</div>

問題是，當我在首頁（section_home），然後如果我點擊其他菜單的位置不準確。它正在削減某些內容div的頂部。但如果我點擊某個其他菜單（不是家）從某個頁面，它似乎確定。

我已經測試刪除頂部固定欄，然後就可以了。但不是那個固定的酒吧。你可以訪問鏈接，並將有一個清晰的想法http://www.stonegardenbd.co.cc/mg/

在此先感謝。

來源

2011-07-07 Imrul.H

爲什麼您的家庭內容div id =「section_home」和您的鏈接href =「＃main_content」而不是href =「section_home」？其他divs和鏈接相匹配。 –

我有一個巨大的屁股監視器，當我看着任何一個ccontent時，我可以看到下一個菜單內容的大約一半。所以我真的不需要滾動那麼多:) – iamserious

我相信你的問題是你沒有照顧麪包屑的高度。這就是爲什麼文本落後了。你應該嘗試照顧主菜單中的麪包屑div。

來源

2011-07-07 09:00:26 Tobias

jquery滾動問題

回答

相關問題