AngularJS滚动发行

我有一个加载多个视图AngularJS滚动发行

<md-content flex id="content"> 
    <div ng-view></div> 
</md-content>

例如那些景色之一加载这个样子的

<div layout="column" id="selection-whiteframe" ng-controller="MathCtrl"> 
    [Header Row Here] 
    <md-content id="MathContent"> 
     [SomeContent] 
    </md-content> 
</div>

的问题是，如果有太多的内容的容器“MathContent”，NG-View Div变成可滚动而不是“MathContent”Md-Content什么也不需要，因为[Header Row]应该有一个固定的位置。

它是否有可能禁止一个元素（例如ng-view）从可滚动的滚动条中，或者我可以将选择的最大尺寸 - 白框锁定到ng-view的高度？

来源

2016-03-04 Michael Rampl

你可以通过CSS属性“溢出”这样做 –

你能做出一个为此而蹲下吗？ –

这有点棘手，为了使它在Chrome中运行，您只需在每个级别上添加layout="column/row"即可。

<body layout="column"> 
    <md-content layout="column" flex id="content"> 
     <div layout="column" ng-view> 
      <div layout="column" id="selection-whiteframe" ng-controller="MathCtrl"> 
       [Header Row Here] 
       <md-content layout="column" id="MathContent"> 
        [SomeContent] 
       </md-content> 
      </div> 
     </div> 
    </md-content>

但这不会工作在Firefox。为了使它在任何地方都能正常工作，您还需要用md-content替换所有的div。

<body layout="column"> 
    <md-content layout="column" flex id="content"> 
     <md-content layout="column" ng-view> 
      <md-content layout="column" id="selection-whiteframe" ng-controller="MathCtrl"> 
       [Header Row Here] 
       <md-content layout="column" id="MathContent"> 
        [SomeContent] 
       </md-content> 
      </md-content> 
     </md-content> 
    </md-content>

下面是一个简单codepen和我是指你我的答案在这里：https://stackoverflow.com/a/29516060/2553215

http://codepen.io/kuhnroyal/pen/GZoRwz

来源

2016-03-06 16:53:18 kuhnroyal

AngularJS滚动发行

回答

相关问题