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中，像这样......

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

您可以根据需要使用属性值。这是参考链接溢出属性链接

让我知道它会对你有帮助吗？？？

于 2012-10-20T16:13:08.080 回答