Chcę dodać pionowy pasek przewijania do mojego <Div>. Próbowałem już overflow:auto, ale to nie działa. Przetestowałem swój kod w Firefoksie i Chrome. jestem wklejeniu kodu styl Div tutaj:Jak mogę automatycznie dodać pionowy pasek przewijania do mojego div?
float:left;
width:1000px;
overflow: auto;
Z góry dzięki.
Należy przypisać wysokość, aby działała właściwość overflow: auto;.
Do celów testowych dodaj height: 100px; i sprawdź.
, a także będzie lepiej, jeśli podasz overflow-y:auto; zamiast overflow: auto;, ponieważ spowoduje to przewijanie elementu tylko w pionie, ale nie w poziomie.
float:left;
width:1000px;
overflow-y: auto;
height: 100px;
Jeśli nie wiem wysokość pojemnika i chcesz pokazać pionowy pasek przewijania, gdy pojemnik osiąga stałą wysokość powiedzieć 100px użyć max-height zamiast height nieruchomość.
Aby uzyskać więcej informacji, przeczytaj ten MDN article.
Tak, rozumiem i przetestowałem, działa dobrze w Chrome, ale nie w FireFox. Jeszcze bardziej mylące jest to, że pionowy pasek przewijania pojawia się w czasie ładowania strony w FF, ale zniknął po zakończeniu ładowania strony! – jay
"Trzeba przypisać trochę wysokości" właśnie mój problem, dziękuję! : P – wdanda
Nie jestem do końca pewien, na co próbujesz użyć div, ale jest to przykład z przypadkowym tekstem.
Mr_Green podał prawidłowe instrukcje, gdy dodał, że dodaje overflow-y: auto, ponieważ ogranicza to do przewijania w pionie. Jest to JSFiddle przykład:
Przede wszystkim @Mr_Green Twoja sugestia działa poprawnie w Chrome, ale nie w FF. Czy jest jakaś alternatywa dodania wysokości, ponieważ nie mogę dodać wysokości do mojego Div dla mojej struktury projektu. – jay
Aby pokazać pionowego paska przewijania w swojej div trzeba dodać
height: 100px;
overflow-y : scroll;
lub
height: 100px;
overflow-y : auto;
Trzeba dodać max-height nieruchomości.
.ScrollStyle
{
max-height: 150px;
overflow-y: scroll;
}<div class="ScrollStyle">
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
</div>mam niesamowitą scroller na mojej div-popup. Aby zastosować, należy dodać ten styl do elementu div:
overflow-y: scroll;
height: XXXpx;
height podasz będzie wysokość div i raz jeśli zawartość przekracza tę wysokość, trzeba go przewijać.
Dziękuję.
Można ustawić:
overflow-y: scroll;height: XX px
zostało to zasugerowane w poprzednich odpowiedziach. – UmNyobe
jsfiddle lub więcej css ze znaczników –
Spróbuj tego: 'overflow-y: scroll' i trochę ** ** wysokość. Przejdź przez to [** docs **] (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow). –
Dzięki Mr_Green za odpowiedź. Ale ten kod nie działa dla mnie. – jay