2012-04-17 11 views
8

Używam przepełnienia: przewiń jak poniższy kod, problem, który mam, polega na tym, że nawet jeśli nie ma tekstu, pasek przewijania nadal się wyświetla.
Demo na w3schools: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow Widzisz, że nawet jeśli nie możesz przewijać w poziomie (w lewo lub w prawo), wciąż znajduje się pasek przewijania. Staram się mieć gdzie pasek przewijania nie pojawi się, jeśli nie ma nic do przewijania to.hope to sensPasek przewijania css pojawia się nawet wtedy, gdy nie ma niczego do przewinięcia.

<style type="text/css"> 
    div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    } 
</style> 
<p>overflow:scroll</p> 
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 
+0

Uważam, że jest wyłączone w tym demo, ponieważ nie ma nic do przewijania? – antonpug

Odpowiedz

17

myślę szukasz overflow: auto.

Mozilla's Documentation on Overflow

Właściwość CSS przepełnienie jest skrótem dla przelewowego-x i właściwości overflow-y, i określa, co zrobić, gdy zawartość jest zbyt duży, aby zmieścić się w jego kontekście formatowania blokowego.

Dostępne opcje obejmują obcinanie, pokazywanie pasków przewijania lub wyświetlanie zawartości wypływającej z pojemnika w okolicy.

auto

Zależy agenta użytkownika. Jeśli zawartość mieści się w polu dopełnienia, wygląda tak samo jak widoczna, ale nadal ustanawia nowy kontekst formatowania blokowego. Przeglądarki na komputery, takie jak Firefox, udostępniają paski przewijania, jeśli zawartość przepełnia.

7

Spróbuj

overflow: auto 

Link który podałeś jest naprawdę skomplikowane. Tutaj wszystko jest wyjaśnione, myślę, że znacznie lepiej: CSS-Tricks

+0

Dobry link, bardzo podoba mi się informacja znaleziona na CSS-Tricks, jest bardzo przydatna. –

Powiązane problemy