Question

我坚持这一点，希望你们中的任何人都可以帮助我。

我有这个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没有移动。

我做错了什么？任何帮助将不胜感激！

Answer 1

只需使用overflow property

即可

只包括溢出：隐藏在你的CSS之类的东西......

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

您可以根据需要使用属性值。这是参考链接overflow property link

让我知道这对你有帮助吗???

使用scrollTop（）向下滚动时DIV位置改变; - jQuery

1 个答案: