1

私はこれで立ち往生しています、あなたの誰かが私を助けることができることを願っています。

私はこのHTMLを持っています：

<body>
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
<body>

このCSSで：

#one, #two, #three {
    width: 100%;
    height: auto;
}

そしてこのjQuery：

$(window).scroll(function(){
var y = $(window).scrollTop();
var one = $('#one').height();
var two = $('#two').scrollTop();
var three = $('#three').scrollTop();

var pos_one = 310;
var pos_two = 454;
var pos_three = 596;

if( y > one ){
    $("#header").fadeIn(200);
} else {
    $('#header').fadeOut(200);
}

if( (y > one) && (y < two) ) {
    $('.bubble').animate({
        "left" : pos_two + "px" 
    }, 300);
}

if( (y > two) && (y < three) ) {
    $('.bubble').animate({
        "left" : pos_three + "px" 
    }, 300);
}
});

だから、#header私が到達したときにフェードインしています#two、それは機能しています。私が抱えている問題は.bubble div、スクロール中に他のセクションに到達しても動かないことです。

私は何が間違っているのですか？どんな助けでも大歓迎です！

4

1 に答える 1

0

単に使用するoverflow property

次のようなcss内にoverflow:hiddenを含めるだけです....

#one, #two, #three {
    width: 100%;
    height: auto;
    overflow:hidden; 
}

必要に応じてプロパティ値を使用できます。ここに参照リンクがありますオーバーフロープロパティリンク

それがあなたを助けるかどうか教えてください???

于 2012-10-20T16:13:08.080 に答える