У меня есть директива с шаблоном angularjs
accordion
, в которой каждый раздел accordion-body
имеет длинный контент. Поэтому, когда я расширяю элемент в списке и прокручиваю вниз, чтобы просмотреть весь контент, заголовок элемента выходит за порт представления. Я хотел исправить заголовок (accordion-heading
) наверху, пока я прокручиваю его содержимое. Как мы можем достичь этого?AngularJS/Bootstrap: Как исправить заголовок аккордеона сверху при прокрутке
Пример кода:
list.html
<accordion close-others="true">
<accordion-group ng-repeat="myObject in someArray" is-open="myObject.isOpen">
<accordion-heading ng-click="myObject.isOpen = !myObject.isOpen">
<div >
{{myObject.title}}
</div>
</accordion-heading>
<accordion-body>
<div>
{{myObject.longContent}}
</div>
</accordion-body>
</accordion-group>
</accordion>
list.js
angular.module('app.directives')
.directive('listDirective', function() {
return {
restrict: "E",
scope: '=',
templateUrl: "list.html",
link: function ($scope, $elem, $attr) {
}
};
});