1
accordion-body
セクションの内容が長い場合、angularjs
accordion
のテンプレートのディレクティブがあります。したがって、リスト内の項目を展開してすべてのコンテンツを表示するようにスクロールすると、項目ヘッダーがビューポートの上に表示されます。私はその内容にスクロールしている最中にヘッダー(accordion-heading
)を修正したかったのです。どうすればそれを達成できますか?AngularJS/Bootstrap:スクロール時にアコーディオンの先頭を修正する方法
サンプルコード:
<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.html list.js
angular.module('app.directives')
.directive('listDirective', function() {
return {
restrict: "E",
scope: '=',
templateUrl: "list.html",
link: function ($scope, $elem, $attr) {
}
};
});