Как добавлять 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, время: 13:37. |