2011-12-29 16 views
0

私は2つの異なるjqueryプラグインを使用していますが、どちらもうまく動作しますが、何らかの理由で一緒に動作させることができません。JqueryスクロールでJqueryフルスクリーンイメージ

フルスクリーン画像:divの機能へ

<script type="text/javascript"> 
    var FullscreenrOptions = { width: 1024, height: 439, bgID: '#bgimg' }; 
    // This will activate the full screen background! 
    jQuery.fn.fullscreenr(FullscreenrOptions); 

</script> 

がスクロール:

function GotoSection(divid) 
{ 
    $('#realBody').animate({scrollTop: $('#' + divid).offset().top}, 300); 
    } 

私のhtml:

<!-- This is the background image --> 
<img id="bgimg" src="img/background6.jpg" /> 
<!-- Here the "real" body starts, where you can put your website --> 
<div id="realBody"> 
<div id="header"> 
    <div class="content"> 
     <img src="img/logo.png" align="left"/> 
     <ul id="menu"> 
      <li><a id="mhome" name="home" class="selected" onclick="GotoSection('home');">Home</a></li> 
        </ul> 
      <div class="clear"></div> 
    </div>  
</div> 
<div id="container"> 
    <div id="home" class="seperator"></div> 
      here is my home content 
     </div> 
    </div> 
</div> 

私のCSS:

#bgimg { 
position:absolute; 
z-index: -1; 
} 

#realBody{ 
position:absolute; 
z-index: 5; /* Place the new body above the background image */ 
overflow:auto; /* restore scrollbars for the content */ 
height:100%;width:100%; /* Make the new body fill the screen */ 
top:120px; 
} 


body 
{ 
height: 100%; 
overflow: hidden; 
background-color: #ffffff; 
padding: 0; 
margin: 0; 
font-family:'HelveticaLTStdLight'; 
color:#0f508e; 
} 

スクロールがうまくいけません。私が送るdivには行きません。私のエラーは次の行にあります:

$('#realBody').animate({scrollTop: $('#' + divid).offset().top}, 300); 

私はそれを変更する必要があるかどうかはわかりません。

答えて

0

開閉数の不一致があります。これを修正して修正してみてください。