vertikale Bildlaufleiste funktioniert nicht

Question

Hier ist mein Problem, ich möchte Bildlaufleiste verwenden, aber es zeigt nur Bildlaufleiste, aber diese Bildlaufleiste funktioniert nicht. Ich verwende CSS, um die Bildlaufleiste und andere Layouts und HTML zu stylen, um dieses Styling zu verwenden. hier ist mein Styling-Code

#sub_menu, #content{ 
    display: inline-block; 
} 

#sub_menu{ 
    width:23%; 
    height: 10%; 
    background-color: #999999; 
    padding: 1%; 
    vertical-align: top; 
    border: 1px solid; 
} 
#content{ 
    width: 73%; 
    margin-right: 1%; 
} 
@media screen and (max-width: 600px), sreen\0{ 
#sub_menu{ 
     height: initial; 
     font-size: 15px; 
     margin-bottom: 2%; 
    } 
    #content, #sub_menu{ 
     display: block; 
     width: 95% 
    } } 
.contentt { 



    height: 100%; 
    overflow-y: scroll; 
    margin-bottom: 1%; 
} 

.contentt::-webkit-scrollbar { 

    display: none; 
} 

Und hier ist mein HTML-Code

<div id="sub_menu"> 
         <h3 style="border-bottom: 3px solid rgb(135, 31, 139);">Related Videos</h3> 


    <div class="contentt" style="width:100%;height:40%; margin-bottom:3%;padding:2%" > 

    <?php 

    $con = new mysqli('localhost','','',''); 


    $sql = "SELECT ID, Title, Link FROM that where Category like 'this'"; 
    $result = $con->query($sql); 

    if ($result->num_rows > 0) { 

    while($row = $result->fetch_assoc()) { 

     $url = $row["Link"]; 


     $title = $row["Title"]; 
     $id = $row["ID"]; 
     $path="http://domain/Song.php"; 

     echo "<h5>$title'</h5>"; 
     echo '<a href="' . $path . '?Title=' . $title .'&id=' . $id .'"><img src="http://domain/images/' . $id .'.jpg" alt="HTML tutorial" style="width:75%;height:95%;border:0;"class="btnn songpicc"></a>'; 

     echo '<hr>'; 
    } 
    } else { 
    echo "0 results"; 
    } 

    $con->close(); 

    ?> 
    </div> 
    </div> 

Vielen Dank im Voraus

Answer 1

Sie müssen die Höhe des beheben Container (nicht in%, sondern zB in px oder em) mit overflow-y: scroll;

Answer 2

Ihre Scrollbar nicht funktioniert oder es ist versteckt?

unter css entfernen und es sollte für Sie arbeiten

.contentt::-webkit-scrollbar { 
    display: none; 
} 

und stattdessen

.contentt { 
    overflow-y: scroll; 
} 

knapp unter Code anwenden und überprüfen

.contentt { 
    height: 400px; 
    overflow-y: auto; 
} 

Answer 3

Direkt unter Code von

CSS entfernen

.contentt::-webkit-scrollbar { 
    display: none; 
} 

hinzufügen Code unten von CSS

.contentt { 
     overflow-y:auto; 
     height:/* give here height in px as you need */ 
    } 

wenn Sie webkit-scrollbar verwenden es wird die Bildlaufleiste in Chrom verstecken. Aber Firefox lebt noch mit Standard-Scrollbar.