修复了窗口滚动条上的div

时间:2014-12-03 09:50:51

标签: html css scrollbar

我的问题是我在我的页面底部修复了div免责声明等等。

此DIV与垂直滚动条重叠,因此我删除了父元素的溢出。

现在这样做了但我需要父元素的溢出来在滚动页面时看到更多内容。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

您必须设置容器的高度。高度应该足以使免责声明div可见。然后给溢出:auto到容器。这将负责滚动和重叠。

可以根据页面的DOM结构计算高度。但请给出适当的高度。

溢出的概念非常简单,当你的内容" oveflows"如果您已经给出了溢出属性,则会出现滚动条。在您的情况下,溢出正在发生,但由于可用高度更高,它超出了您的免责声明div。只需减少它,以免您的免责声明div和容器div重叠。你应该没事的

如果您已发布代码和页面结构,那么解释起来会更简单。

答案 1 :(得分:1)

看看这个: jsfiddle

#scrollable
{
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0;
    z-index: 2; 
    margin:0;
    padding:0;
}

div.bottom
{
    background-color: #fa0000;
    position:  fixed;
    bottom: 0%;

    /*height: 10%;*/
    height: 80px;
    width: 100%;
    margin:0;
    padding:0;
    z-index:9999;
}

div.test
{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    position: absolute;
    top : 10px;
    background: #000000;
    height: 1500px;
    width: 100%;
    margin-bottom: 80px;
    margin:0;
    padding:0;
}