Javascript - 部分重叠

时间:2013-10-03 18:45:40

标签: javascript html css parallax parallax.js

我正在建立一个视差网站,但是有一个问题。 当我为滚动激活我的Javascript时,我的部分会重叠。

<script language="javascript" type="text/javascript" src="../JqueryS/jquery-1.4.3.min.js"></script>
<script language="javascript" type="text/javascript" src="../JqueryS/jquery.scrolling-parallax.js"></script>

$(function(){
    $('#home') .scrollingParallax({
        staticSpeed:0.5,
        staticScrollLimit:false,
    })

    $('#about') .scrollingParallax({
        staticSpeed:0.7,
        staticScrollLimit:false,
    }) /*ENDE*/

    $('#gallery') .scrollingParallax({
        staticSpeed:0.8,
        staticScrollLimit:false,
    }) /*ENDE*/

    $('#contact') .scrollingParallax({
        staticSpeed:0.9,
        staticScrollLimit:false,
    }) /*ENDE*/

    $('.welcome') .scrollingParallax({
        staticSpeed:0.48,
        staticScrollLimit:false,
    }) /*ENDE*/
});

这是我的部分在CSS

中的样子
#home {
    position:relative;
    height:750px;
    width:100%;
    margin:auto;
    background-image: url(../img/PK%20Rooftops%20Epic%201920.png);
    background-size:cover;
    overflow:hidden;
}

a:link {
    color: #999;
    text-decoration: none;
}
a:visited {
    color: #999;
    text-decoration: none;
}
a:hover {
    color: #FC0;
    text-decoration: none;
}
a:active {
    color: #FC0;
    text-decoration: none;
}

我的Html - 没什么特别的:

<header>
    <div class="navi">
        <div class="textmenue">
            <nav >
                <a href="#home" >Home</a>
                <a href="#about" >About</a>
                <a href="#gallery" >Gallery</a>
                <a href="#contact" >Contact</a>
            </nav>
        </div>
    </div>
</header>

<section id="home">
    <div class="welcome"><img src="img/Willkommen.png"></div>
</section>

<section id="about">
</section>

<section id="gallery">
</section>

在这种情况下,我真的不知道该怎么做。 我搜索了解决方案但我找不到任何东西,我希望你能帮助我。

0 个答案:

没有答案