2010-11-05 15 views
29

Mam problem z pionowym paskiem przewijania na mojej stronie. Mam dużo przedmiotów wewnątrz ul wewnątrz div, próbowałem z przepełnieniem: auto w stylu div, ale to nie pomaga. Jak dodać pasek przewijania w pionie do ul lub div?Pionowy pasek przewijania UL lub DIV

<div id="content"> 
<p>some text</p> 
<ul> 
<li>text</li> 
..... 
<li>text</li> 
</div> 
+1

Dodatkowe paski przewijania na stronie internetowej sprawiają, że jest on mniej dostępny i bardziej uciążliwy w użyciu. Nie mówię, że nie są użyteczne; upewnij się, że długo i długo zastanawiasz się, jak użytkownicy będą wchodzić w interakcję ze stroną, zanim dodasz paski przewijania tam, gdzie nie są potrzebne. – zzzzBov

Odpowiedz

74

Musisz określić wysokość ul lub swojej div i ustawić przepełnienie równa auto jak poniżej:

<ul style="width: 300px; height: 200px; overflow: auto"> 
    <li>text</li> 
    <li>text</li> 
+1

Czy jest jakaś szansa, że ​​pasek przewijania będzie niewidoczny? – Damir

+0

co masz na myśli mówiąc o niewidzialności? możesz grać zmieniając wysokość za pomocą minimal-height lub max-height, aby uzyskać pożądany efekt. – subosito

+0

Nie, mój pasek przewijania jest niebieski, gdy się pojawi. Zastanawiam się, czy istnieje jakakolwiek szansa, która będzie niewidoczna, jak na telefonie z Androidem? – Damir

6

trzeba ustawić wysokość na DIV. W przeciwnym razie będzie się rozszerzać w nieskończoność.

+0

OP poprosił o pionowy pasek przewijania. –

Powiązane problemy