【问题标题】:How to make boxes with drop effects [closed]如何制作具有下降效果的盒子[关闭]
【发布时间】:2014-02-22 00:18:00
【问题描述】:

我正在尝试将框放入我的Home 页面。我该怎么做?

请注意我不是要重复同一个框,而是要尝试处理每个拖放效果和边距。

【问题讨论】:

  • 下降效果是什么意思?稍微阐述一下。
  • @LokeshSuthar,我更新了帖子的图片。
  • 检查更新的答案。
  • 您可能想在进行实验时阅读一些 CSS 基础知识。

标签: javascript jquery html css


【解决方案1】:

它叫overflow:scroll

Click me

基本上当你想让你的 div 滚动时,你需要指定溢出属性。它将允许您滚动父容器内的内容。

固定“收件箱”通过设置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;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-13
    • 2016-01-22
    • 2013-01-08
    • 2020-05-01
    相关资源
    最近更新 更多