0

サイトの最初のページにロゴがありますが、スクロールを開始するまで表示されません。すぐに見えるようにするにはどうすればよいですか？

これが私のhtmlです

<div id="introwrapper">
    <div id="intro">
    <!--    <div id="introbaggrundforan"></div>-->
    <div id="introbaggrundbagved"></div>
    <a name="section1" class="section1">SECTION 1</a>
    </div> <!--#intro-->
<div id="logo"></div>

これが私のCssです：

#introwrapper {
height: 900px;
position: relative;
overflow: hidden;   
background: transparent url('images/introbagved.png') no-repeat center;
}


#intro{
background: url('images/introforan.png') no-repeat center;
height: 900px;
width: 1440px;
margin: 0;
position: relative;
z-index: 3;
}

#logo{
background: transparent url('images/logo.png') no-repeat center;
width: 400px;
height: 400px;
position: absolute;
margin-left: 520px;
margin-top: 160px;
z-index: 2;
}

これが私のJqueryです：

$(document).ready(function(){
            $(window).bind('scroll',function(e){
                parallaxScroll();
            });


            function parallaxScroll(){
                var scrolledY = $(window).scrollTop();
                $('#logo').css('top','+'+((scrolledY*.819))+'px');
4

2 に答える 2

1

粘着性のあるロゴを作ろうとしているのは何だと思いますか?

$doucment.ready

オンロードすると発火します。あなたのスクロールイベントは

$(window).scroll(function () { 
  var scrolledY = $(window).scrollTop();
  $('#logo').css('top','+'+((scrolledY*.819))+'px');
});

IE8の場合

$("html").scrollTop();

また、HTML に DIV タグがありません

<div id="introwrapper">
    <div id="intro">
        <!--    <div id="introbaggrundforan"></div>-->
        <div id="introbaggrundbagved"></div>
        <a name="section1" class="section1">SECTION 1</a>
    </div> <!--#intro-->
    <div id="logo"></div>
</div> <-- close this

また、空白のタグ用にいくつかのデータを残しておくことをお勧めします。

于 2012-12-19T00:03:55.313 に答える
0

追加

top:0;

#logocss ルールに。

問題は、その要素の場所を定義していないため、前の要素に関連して挿入されることです..そしてそれは#introdivの後にあります.

于 2012-12-19T00:11:57.000 に答える