Как добавлять div над div'ом?
есть выпадающий блок меню dropOutBlock, в который ng-repeat'ом добавляются пункты dropOutPoint
я хочу, чтобы добавлялось так: стал первый пункт, потом НА него 2й, на 2й - 3й и т.д. А сейчас добавляется 1й, ПОД ним 2й, 3й и т.д...
<div class="dropOutBlock" ng-style="dropOutBlockStyle" set-height>
<div class="dropOutBlockArrow" ng-show="upArrowShow">
<div class="arrowBlock" id="arrowUp"></div>
</div>
<div ng-repeat="layout in layouts[page_index]" class="dropOutPoint" ng-class="{cred:layout.selected}" ng-click="changePointColor(page_index,$index)">{{layout.name}}</div>
<div class="dropOutBlockArrow" ng-show="downArrowShow">
<div class="arrowBlock" id="arrowDown"></div>
</div>
</div>
![]() |
Не понял, что это значит "стал первый пункт, потом НА него 2й, на 2й - 3й и т.д.", если тебе нужен массив в обратном порядке вот решение:
app.filter('reverse', function() {
return function(items) {
return items.slice().reverse();
};
});
<div ng-repeat="layout in layouts[page_index] | reverse" class="dropOutPoint" ng-class="{cred:layout.selected}" ng-click="changePointColor(page_index,$index)">{{layout.name}}</div>
|
FireVolkhov,
мне нужно, чтобы, div'ы становились друг на друга по принципу стека - один на другой, а не один под другой. Чтобы если их много они скрывались за блок сверху, а не снизу. Сейчас я стрелкой показал - они уходят вниз, а мне надо, чтоб вверх они прятались. |
Сделай реверс массива как тебе показали
app.filter('reverse', function() { return function(items) { return items.slice().reverse(); }; }); И Уже через css сделай чтобы блоки уходили наверх. Для этого нужно сделать родительский див обределеный высоты, с релативным посишеном. в него вставь див в котором будут лежать все item и задай ему position: {position: absolute; left: 0; bottom: 0;} |
| Часовой пояс GMT +3, время: 01:43. |