Question

是否可以在第二个div滚动之前查看顶部div中的所有内容。

检查小提琴

非常感谢你的期待。

.div-top{
height:auto;
min-height:100%;
width:100%;    
position:fixed;
top:0;
left:0;
background:#ff0;
z-index:500;
}


.div-bottom {
width:100%;    
background:#0ff;
margin-top:100%;
z-index:600;
position:relative;
}

Answer 1

你想要的是虽然css不可能，你可以用jquery来做：http://jsfiddle.net/KyP8L/92/

只需检查滚动，如果它到达顶部，然后将z-index（更高）分配给.div-bottom

$(window).on('scroll',function(){
$(window).scrollTop() ;
    ;

    if($(window).scrollTop()> parseInt($('.div-bottom').css('margin-top')))
    {
        $('.div-bottom').css('z-index','600');
    }else{
         $('.div-bottom').css('z-index','0');
    }

    console.log('top'+$('.div-bottom').css('margin-top'))
  console.log('scroll'+$(window).scrollTop())    

                           });

编辑：

正如OP在评论中所说，他想要的是能够向下滚动顶部div然后我想底部div滚动顶部div

这里是小提琴http://jsfiddle.net/KyP8L/108/

Answer 2

我实际上并不理解滚动，

的意思

但设置.div-top{ height:100%}为了让您完全可视化div-top befor到第二个div。

仍然将.div-top设置为固定没有意义。

在另一个div上滚动div

2 个答案: