Zunächst möchte ich die normale Fenster Scrollbar ausblenden.CSS Seite Blättern Problem
Dies sind die Änderungen l will:
- Die gelbe sollte Schnitthöhe Auto sein (kann als die Höhe der Seite mehr sein)
- die Bildlaufleiste auf sowohl die gelb, weiß und grün sein muss Abschnitt
- Wenn ich rolle, wollen l die gelben, weißen und grünen Bereich bewegen zusammen
- Wenn ich die Größe der Seite (vertikal oder horizontal) alle oben sollte noch funktionieren
aktuellen HTML
<html>
<body>
<div id="wrapper">
<div class="topbar">
RED SECTION
</div>
<div class="left side-menu">
THE BLUE SECTION
</div>
<div class="content-page">
YELLOW SECTION
<footer>
THE GREEN SECTION
</footer>
</div>
</div>
</body>
</html>
Aktuelle CSS:
html {
overflow-x: hidden;
position: relative;
min-height: 100%;
}
body {
overflow-x: hidden !important;
}
.topbar {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 999;
}
body.fixed-left .side-menu.left {
bottom: 50px;
height: 100%;
margin-bottom: -70px;
margin-top: 0px;
padding-bottom: 146px;
position: fixed;
width:240px;
z-index: 2;
}
#wrapper {
height: 100%;
overflow: hidden;
width: 100%;
}
.content-page {
margin-left: 240px;
overflow: hidden;
}
Probleme l habe jetzt
Wenn ich die Höhe 1000px, die grüne ändern Abschnitt wird ausgeblendet
Wenn die Höhe des Browser-Tab reduziert wird, wird ein Teil der Seite versteckt und Scrollen es zeigt nicht
Zuerst können Sie das Verhalten des Browsers von Ihrem Code nicht ändern. Mit anderen Worten, Sie können die Bildlaufleiste nicht entfernen, die vom Browser abhängig ist. poste etwas Code für andere Ausgaben. –
@Elie Nassif Natürlich kann er einfach 'overflow: hidden; 'zum Eltern' 'hinzufügen, dies wird die Bildlaufleiste ausblenden –
@ElieNassif lch stimme nicht mit dir überein. Es kann mit Überlauf versteckt werden: versteckt –