2016-06-06 3 views
3

다음은 내 애플리케이션의 화면 레이아웃입니다. md-content를 스크롤 할 수 없습니다. 대신 전체 페이지가 스크롤됩니다. 어떤 제안? 양식 내에서 md-content를 스크롤하는 방법은 무엇입니까?

`

<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> 

`

나는 숨겨진 폼의 오버 플로우를 설정하고 명시 적으로 자동으로 MD-내용의 오버 플로우를 설정하려하지만 도움이되지 않습니다.

다음은 md-content 대신 전체 페이지 스크롤을 보여주는 plunker입니다.

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

답변

3

은 당신의 폼 요소를 변경 : <form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">

것은 트릭을 할 것으로 보인다. 마이크 Feltman의 솔루션은 작동하지만 당신이 정말로 필요로하는 모든 당신의 formlayout 속성 (귀하의 경우 layout="column")을 적용하는 것입니다

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

+0

내가 사용하는 대신 스타일 =의 레이아웃 입력이 하나가

확인 "오버 플로우 : 자동; 높이 : 100 %"그것은했다. 감사! – user5714726

관련 문제