溢出：隐藏不能在div中滚动

当我设置溢出时，我无法在div中滚动垂直：对其隐藏。我不明白为什么。溢出：隐藏不能在div中滚动

HTML：

<div class="s"> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
<p>lorem ispum<br/></p> 
</div>

CSS：

.s{ 
     overflow:hidden; 
     height:200px; 
     border:1px solid red; 
    } 
    body{ 
     height:100%; 
    }

我进行测试的jsfiddle显示错误。

JsFiddle

更新：

我需要隐藏滚动条，但如果它是隐藏的，我不能滚动。

来源

2015-06-10 Joci93

设定为.S溢出：滚动;使其可滚动 – sanchahous

这正是它应该做的。更改为'overflow：auto'代替 – ThisBoyPerforms

使用.s {overflow-y：scroll;}。试试吧 –

如果你想隐藏滚动条，但要让它滚动，你可以有overflow:hidden;的容器和一个子容器overflow-y:scroll，并用负右边距隐藏滚动条。

See the fiddle

的CSS：

.cont{ 
    position:relative; 
    overflow:hidden; 
    height:200px; 
    width:100%; 
    border:1px solid red; 
} 
.s{ 
    overflow-y:scroll; 
    height:200px; 
    width:100%; 
    position:absolute; 
    right:-30px; 
}

的HTML：

<div class="cont"> 
    <div class="s"> 
     <p>Content</p> 
    </div> 
</div>

来源

2015-06-10 09:45:07 Billy

我不知道你的意思是垂直的或没有，但如果你希望能够水平滚动，但垂直隐藏，将其更改为：

overflow-y:hidden;

同样的，如果你想成为另一种方式各地，更改为：

overflow-x:hidden;

来源

2015-06-10 09:33:29

替换您overflow: hdden与overflow-x: hidden;

来源

2015-06-10 09:33:59 stanze

你是含有<div class='s'>的溢出属性设置为hidde ñ。顾名思义，这会隐藏任何含有内容的内容，这些内容会溢出<div>维度。

尝试设置：

.s{ 
    overflow-y:scroll; 
    height:200px; 
    border:1px solid red; 
}

JS小提琴：http://jsfiddle.net/ccrhpbp5/3/

来源

2015-06-10 09:36:37 LeDoc

溢出：隐藏不能在div中滚动

回答

相关问题