如何制作具有掉落效果的盒子

时间:2014-02-22 00:18:00

标签: javascript jquery html css

我正在尝试将框放入我的Home页面。我该如何做到这一点?

enter image description here

请注意我不是要重复同一个方框,但我正在尝试处理每个效果和边距。

1 个答案:

答案 0 :(得分:1)

它被称为overflow:scroll

<强> Click me

基本上,当您希望div滚动时,您需要指定overflow属性。它允许您滚动父容器内的内容。

已修复“收件箱”是通过设置position:fixed

获得的
.outerDiv{
    max-width:400px;
    background-color:#eee;
    max-height:400px;
    overflow-y:scroll; /*THIS allows you to enable vertical scroll bar*/
}
.innerDiv{
    display:block;
    min-height:30px;
    background-color:#ccc;
    padding:5px;
    margin:10px;
}
.fixedDiv{
    background-color:blue;
    position:fixed;
    color:white;
    top:0;
    left:5px;
    width:385px;
    height:30px;
    padding:10px;
}