Überlauf-y: Scroll funktioniert nicht für Chrom

Ich bin nicht eine Scroll-Leiste für Box in Chrom immer aber in Brand Fuchs und Internet ExplorerÜberlauf-y: Scroll funktioniert nicht für Chrom

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; 
}

dies JSFiddle Link http://jsfiddle.net/wydsf2vk/

Quelle

2014-09-12 AKG

können Sie uns eine [jsfiddle] (http://jsfiddle.net/) Beispiel? –

können Sie PLZ setzen Sie ein http://jsfiddle.net, damit wir es für Sie reparieren können –

Danke für die Antwort, das funktioniert in Jsfiddle, aber ich mein Projekt das funktioniert nicht – AKG

bekommen Ich habe gerade deine Geige überprüft, das passiert, weil du die Eigenschaft overflow-y: scroll; nicht der Geige hinzugefügt hast. Es funktioniert für meine Version (Chrome auch).

http://jsfiddle.net/y8jqsya4/

Quelle

2014-09-12 12:10:04

jetzt bitte überprüfen Sie es noch einmal .. – AKG

@AKG Ich verwende Chrome Version 37.0.2062.94 (64-Bit) für RPM-basierte Linux, und sowohl Ihre Geige (Wydsf2vk) und Anshuman zeigen eine Bildlaufleiste in meinem Browser. –

@AKG Beachten Sie jedoch, dass in Ihrem Fall die Bildlaufleiste nicht funktionsfähig ist - da Sie keine Höhe angegeben haben, wird das div automatisch erweitert, um den Inhalt zu füllen, und wird niemals überlaufen. –

Höhe Eigenschaft auf Ihre CSS-Klasse hinzufügen, anzuzeigen Scrollbar Sie fix Höhe Ihres div einstellen müssen.

Quelle

2014-09-12 12:15:32 Mihir

Ihre css ändern: -

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/

Quelle

2014-09-12 12:20:50 Kenny

Set max-height für das .box wird es zufällig

Quelle

2014-09-12 12:21:09

Sie arbeiten, sind ein Trackpad anstelle einer Maus, auf OSX? Es gibt eine Eigenart, bei der die Bildlaufleiste ausgeblendet wird, wenn Sie ein Trackpad verwenden. Stecken Sie eine Maus ein und sehen Sie, ob sie erscheint.

Quelle

2016-03-16 16:50:36 mixophrygian

Sie vermissen die height CSS-Eigenschaft. Überprüfen Sie das folgende Snippet.

.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>

Quelle

2017-12-12 00:44:54 helcode

Überlauf-y: Scroll funktioniert nicht für Chrom

Antwort

Verwandte Themen