overflow-y: scroll nie działa na Chrome

ja nie dostaję przewijania-bar na polu w Chrome, ale uzyskanie w Fox pożaru oraz Internet Exploreroverflow-y: scroll nie działa na Chrome

li.box{ 
    border-radius: 0px; 
    padding:0; 
    border: solid 1px #8c8d8e; 
    overflow: hidden; 
    overflow-y:scroll; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    background-color: #ffffff; 
    opacity: 0.85; 
}

to JSFiddle link http://jsfiddle.net/wydsf2vk/

Źródło

2014-09-12 AKG

można dostarczyć nam [jsfiddle] (http://jsfiddle.net/) przykład? –

możesz plz umieścić http://jsfiddle.net, dzięki czemu możemy naprawić go dla u –

dzięki za odpowiedź, to działa w jsfiddle, ale ja mój projekt to nie działa – AKG

Właśnie sprawdziłem twoje skrzypce, tak się dzieje, ponieważ nie dodałeś do skrzypiec właściwości overflow-y: scroll;. Działa to w mojej wersji (także w Chrome).

http://jsfiddle.net/y8jqsya4/

Źródło

2014-09-12 12:10:04

teraz możesz to sprawdzić ponownie .. – AKG

@AKG Używam Chrome w wersji 37.0.2062.94 (64-bit) dla systemu Linux opartego na RPM, a zarówno twoje skrzypce (wydsf2vk), jak i Anshuman wyświetlają pasek przewijania w mojej przeglądarce. –

@AKG zwróć uwagę, że w twoim pasku przewijania nie ma funkcji - ponieważ nie podałeś wysokości, div automatycznie rozwija się, aby wypełnić zawartość i nigdy się nie przepełni. –

Dodaj właściwość height do klasy css, aby wyświetlić pasek przewijania trzeba ustawić wysokość naprawić swojego div.

Źródło

2014-09-12 12:15:32 Mihir

zmienić css: -

height:100px 
border-radius: 0px; 
padding:0; 
border: solid 1px #8c8d8e; 
overflow: hidden; 
overflow-y:scroll; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
background-color: #ffffff; 
opacity: 0.85;

http://jsfiddle.net/wydsf2vk/2/

Źródło

2014-09-12 12:20:50 Kenny

Set max-height dla tego .box będzie działać

Źródło

2014-09-12 12:21:09

Czy ty przypadkiem użyciu trackpad zamiast myszy, na OSX? Istnieje pewne dziwactwo, w którym pasek przewijania zostanie ukryty, jeśli używasz podkładki. Podłącz mysz i sprawdź, czy się pojawi.

Źródło

2016-03-16 16:50:36 mixophrygian

Brakuje właściwości CSS height. sprawdź poniższy fragment.

.box { 
 
    border-radius: 0px; 
 
    padding:0; 
 
    border: solid 1px #8c8d8e; 
 
    overflow: hidden; 
 
    overflow-y:scroll; 
 
    height: 100px; 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
    background-color: #ffffff; 
 
    opacity: 0.85; 
 
}

<div class="box"> 
 
    <p> Hello World 1 </p> 
 
    <p> Hello World 2 </p> 
 
    <p> Hello World 3 </p> 
 
    <p> Hello World 4 </p> 
 
    <p> Hello World 5 </p> 
 
</div>

Źródło

2017-12-12 00:44:54 helcode

overflow-y: scroll nie działa na Chrome

Odpowiedz

Powiązane problemy