鏈接:https://jsfiddle.net/casas111/d32m7603/2/滾動溢出可見
我需要的溢出是可見的,但在同一時間,以便能夠從DIV中滾動它。
的jsfiddle代碼:
HTML:
<div class="screen">
<p class="content">Pellentesque habitant morbi
tristique senectus et netus
et malesuada fames ac turpis
egestas. Vestibulum tortor quam,
feugiat vitae, ultricies eget,
tempor sit amet, ante. Donec eu
libero sit amet quam egestas semper.
Aenean ultricies mi vitae est. Mauris
placerat eleifend leo. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo
Pellentesque habitant morbi
tristique senectus et netus
et malesuada fames ac turpis
egestas. Vestibulum tortor quam,
feugiat vitae, ultricies eget,
tempor sit amet, ante. Donec eu
libero sit amet quam egestas semper.
Aenean ultricies mi vitae est. Mauris
placerat eleifend leo. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo
Pellentesque habitant morbi
tristique senectus et netus
et malesuada fames ac turpis
egestas. Vestibulum tortor quam,
feugiat vitae, ultricies eget,
tempor sit amet, ante. Donec eu
libero sit amet quam egestas semper.
Aenean ultricies mi vitae est. Mauris
placerat eleifend leo. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo
</p>
</div>
CSS
.screen {
border-style: solid;
width: 200px;
height: 300px;
margin-left: 30%;
margin-top: 20%;
overflow: auto;
}
我已經看到了這一點:How to combine overflow:visible and overflow:scroll in CSS?
但沒有明確的答案。文本縮進是針對水平的情況。這是一個簡單的垂直情況。
編輯:
此代碼解決了隱藏滾動。我仍然無法顯示屏幕內容溢出。任何人?
.screen {
margin-left: 30%;
margin-top: 20%;
width: 190px;
overflow: hidden;
height: 100%;
border: 2px solid #000;
}
.content {
width: 200px;
height: 300px;
padding: 5px 10px 5px 5px;
overflow: auto;
}
.screen::-webkit-scrollbar {
display: none;
}
的可能重複[如何結合溢出:可見和溢出:在CSS滾動](http://stackoverflow.com/questions/24230472/how-to-combine-overflowvisiblevisible-and-overflowscroll-in-css) – klaar
@Alejandro你想隱藏滾動條嗎? – Suresh
@eirenaios如果可能的話。雖然最初我只是需要它這樣工作。 – Alejandro