2016-04-13 14 views
0

Ich habe vertikale Bildlaufleiste sichtbar, aber nicht funktioniert. Ich habe das Problem nicht in meinem CSS-Code gefunden oder ich habe ein JavaScript, das es blockiert.Vertikale Bildlaufleiste sichtbar aber nicht funktionierend

Das ist mein CSS und HTML-Code:

html { 
 
    height: 100%; 
 
    overflow-x: hidden; 
 
    overflow-y: scroll; 
 
    -webkit-overflow-scrolling: touch; 
 
    background: #ececec; 
 
} 
 
body { 
 
    font: 400 14px/1.42857143 "Roboto", sans-serif; 
 
    padding-top: 48px; 
 
    box-sizing: border-box; 
 
} 
 
.page-wrapper{ 
 
    position:relative; 
 
    margin:0 auto; 
 
    width:100%; 
 
    min-width:300px; 
 
    min-height:400px; 
 
    overflow:hidden; 
 
}
<html> 
 
    <body> 
 
    <div class="page-wrapper"></div> 
 
    </body> 
 
</html>

+2

Sie haben keinen Inhalt in Ihrem Code .. wenn Sie eine Menge Inhalt hinzufügen, die nicht in der Ansicht passt dann scrollbar wird automatisch arbeiten ... –

+0

Ich habe viele Inhalte i Juste hat nicht den ganzen Code – lolla

+0

kopiert es ist Scroll-Bar in Ihrem Code vorhanden .. und es funktioniert so, wie Sie es wollen? –

Antwort

0

html {overflow-y: scroll;} immer Scrollbar Platzhalter zeigen. Entfernen Sie das oder ändern Sie zu auto

+0

wenn ich html ändern {Überlauf-y: auto;} Die Bildlaufleiste ist nicht sichtbar. – lolla

+0

@lolla Wenn die Scrollleiste nicht angezeigt wird, wird sie ausgeblendet. – Justinas

Verwandte Themen