溢出：隱藏不能在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中滾動

回答

相關問題