Wie bekomme ich MD-Inhalt um innerhalb eines Formulars zu scrollen?

Question

Unten ist das Layout eines Bildschirms in meiner Anwendung. Ich kann den MD-Inhalt nicht zum Scrollen bringen. Stattdessen scrollt die gesamte Seite. Irgendwelche Vorschläge?

`

<form name="myForm"> 
    <!-- Header Area--> 
    <div> 
    <label>Header</label> 
    <md-button type="submit" ng-disabled="myForm.$invalid">Submit</md-button> 
    </div> 
    <!-- Content Area--> 
    <md-content> 
    <!-- Form fields--> 
    </md-content> 
</form> 

`

Ich habe versucht, die Form der Überlauf versteckt Einstellung und ausdrücklich die md-Inhalt des Überlauf zur automatischen Einstellung, aber das hilft nicht.

Unten ist der Plunker, den ich erstellt habe, der das gesamte Seitenscrollen statt md-Inhalt demonstriert.

http://plnkr.co/edit/YWr30m2sTci7rdIbFFzM?p=preview

Answer 1

Ändern der Formularelement: <form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">

scheint den Trick zu tun.

http://plnkr.co/edit/pKwFGmkJmhifdyqCg9aU?p=preview

Answer 2

Mike Feltman-Lösung funktioniert, aber alles, was Sie wirklich brauchen, ist layout Attribut (layout="column" in Ihrem Fall), um Ihre form anzuwenden.

überprüfen diese: http://plnkr.co/edit/BCtIw951qSnsHbyU69a6?p=preview