Eckiges Material - mdContent scrollt nicht richtig

Ich verwende eckiges Material, um eine Seite mit einer festen Symbolleiste oben und einem MD-Inhalt neben der Symbolleiste zu erstellen. Allerdings kann ich die Toolbar nicht klebrig machen. Ich habe die Dokumentation für viele Male gelesen, sollte es einfach mag:Eckiges Material - mdContent scrollt nicht richtig

<body layout="column"> 
    <md-toolbar> 
    ... 
    </md-toolbar> 

    <md-content> 
    ... 
    </md-content> 
</body>

und md-Gehalt als overflow: auto bereits festgelegt werden sollte. Aber genau wie im ersten Beispiel in der Dokumentation habe ich auch overflow auf scroll gesetzt. Es funktioniert immer noch nicht.

Bitte beachten Sie die codepen

Quelle

2016-08-04 vincentf

auf dem Element Legen Sie Ihre Höhe, die gescrollt werden muss, sonst wird es nicht wissen, welcher Teil scrollen muss.

<md-content flex="" layout-padding="" style="overflow: auto; height: 200px;">

Quelle

2016-08-04 01:56:39 Shaggy13spe

Es funktioniert, danke. Aber wie kann ich MD-Inhalte automatisch an die Höhe des Browsers anpassen? – vincentf

Wenn du kein div gibst (was md-content ausbricht), nimmt es die notwendige Höhe ein, um seinen Inhalt anzuzeigen (auch wenn dieser Inhalt nicht auf dem Bildschirm sichtbar ist, daher muss er) scrollen). Wenn Sie die Höhe nicht festlegen, schrumpft/div das div so, dass alles darin aufgenommen wird. Es berücksichtigt nicht, wie viel "Bildschirm" sichtbar ist, ohne dass andere Dinge zuerst gesetzt werden. Sie können den neuen CSS3-Ansichtsfensterprozentsatz (der in den meisten modernen Browsern unterstützt wird) so dynamisch wie möglich gestalten: https://www.w3.org/TR/css3-values/#viewport-relative-lengths – Shaggy13spe

Eckiges Material - mdContent scrollt nicht richtig

Antwort

Verwandte Themen