2013-10-30 17 views
12

Używam Bootstrap 3 i próbuję utworzyć przewijaną zawartość DIV. Mam siatkę z nawigacją po lewej stronie i górnym paskiem, a w środku mam zawartość, którą należy przewijać.Bootstrap 3 - Przewijana zawartość div

Działa, gdy używam stałej wysokości w div zawartości ... ale chcę, aby używał zamiast tego 100%.

<div class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"> 
some content... 
</div> 

CSS:

html,body 
{ 
height:100%; 
overflow:hidden; 
} 

Jak mogę uzyskać to do pracy o wysokości: 100%;

Dzięki!

+0

Czy przepełnienie-y: przewijanie działa dla Ciebie? Niestety nie przetestowałem jak na moim telefonie – EnduroDave

+0

Nie otrzymuję pionowego paska przewijania w treści DIV z powyższym kodem ... więc przepełnienie-y nie pomaga. –

+0

hmmm. Po ponownym przeczytaniu posta, chcę tylko sprawdzić, czy potrzebujesz przewijanego diva, czy chcesz po prostu ustawić lewą nawigację i górną nawigację, podczas gdy reszta strony porusza się podobnie do stron dokumentów boostrap? – EnduroDave

Odpowiedz

23

Możesz dodać wstępnie przewiniętą klasę dla elementu div, który chcesz przewinąć.

Jeśli przeszukać .css jest max-height ale mogę edytować. Więc masz pewność, że zmaksymalizuje stronę w oknie dla tej maksymalnej wartości.

Mam nadzieję, że pomaga, użyłem tego samego dla jednej strony z przewijanymi elementami div.

+0

Działa to dla mnie, np.

gihanchanuka