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滚动问题

回答

相关问题