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. Чтобы он работал повсюду, вам необходимо также заменить все div на md-content.

<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 скроллинг Выпуск

ответ

Смежные вопросы