Jquery полноэкранное изображение с Jquery прокрутки - PullRequest
Новая
       3

Jquery полноэкранное изображение с Jquery прокрутки

0 голосов
/ 29 декабря 2011

Я использую 2 различных плагина jquery, которые оба работают нормально, но по какой-то причине я не могу заставить их работать вместе.

полноэкранное изображение: 

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

</script>

прокрутка до функции div: 

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);

, но я не уверен, что мне нужно ее изменить.

1 Ответ

0 голосов
/ 30 декабря 2011

У вас несоответствующее количество открывающих и закрывающих div'ов.Попробуйте исправить это и посмотреть, исправит ли это.

...