2016-12-02 2 views
0

Es gibt eine Antwort auf diese here, aber der Grund, warum ich noch Hilfe bei der Fehlersuche brauche, ist, weil ja - es entfernt die Bildlaufleiste und macht alles gut, Es immer noch nicht Scrollen nach unten rechts.AngularJS - md-content Doppelte Bildlaufleiste Ausgabe

Es nähert sich dem Ende und scrollt technisch den ganzen Weg nach unten, aber es scrollt über den Blickpunkt hinaus, was dazu führt, dass man die Endbits halb sieht.

enter image description here

Wie Sie sehen können, ist es nach unten gescrollt, so weit wie möglich und am Ende mehr scrollen, dann sollte es sein und dies führt nicht wirklich weit genug nach unten scrollen.

Ich habe keine Ahnung, welche Art von CSS könnte dieses Problem auslösen, es ist sogar passiert, wenn ich zwei Bildlaufleisten hatte.

Sie können auf der Website erhalten zu testen inspizieren mit Element here

Dies ist der md-Inhalt HTML:

<md-content layout="column" flex ui-view layout-fill style="background-color:#e2e2e2"> 

    <ng-switch on="data.selectedIndex" class="tabpanel-container" style="background-color:#e2e2e2"> 
    </ng-switch> 

</md-content> 

EDIT: Es scheint, es Layout-fill Höhe zu sein, zu tun = 100%. Wenn es auf 100% eingestellt ist, anstatt nur zu wählen, was von der Ansicht übrig ist, geht es 100% der Gesamtmenge des Ansichts-Chroms und geht dann außerhalb der Chromes-Ansicht. Wenn ich es auf 80% oder etwas ändere, sehe ich, dass es gut funktioniert, aber aus offensichtlichen Gründen kann ich es nicht einfach auf 80% ändern, da es auf anderen Geräten unterschiedlich sein wird

+0

Geben Sie Ihren Code ein oder erstellen Sie ein Beispiel – Sajeetharan

+0

Id Liebe, wenn ich wüsste, was CSS-Code verursacht das Problem an erster Stelle. Erwarte nicht, dass ich einfach mein gesamtes CSS delete – Shiny

+0

Ich bin immer noch mit diesem Problem fest - Hilfe bitte D: – Shiny

Antwort

0

Endlich habe ich herausgefunden, warum es nicht war Scrolling richtig, nicht sicher, warum, aber wenn Ihre MD-Toolbar und MD-Inhalt nicht in <div layout="column" layout-fill></div> eingeschlossen ist, dann funktioniert es nicht richtig.

Die md-content muss auch Layout-füllen und flex haben.