1

accordion-bodyセクションの内容が長い場合、angularjsaccordionのテンプレートのディレクティブがあります。したがって、リスト内の項目を展開してすべてのコンテンツを表示するようにスクロールすると、項目ヘッダーがビューポートの上に表示されます。私はその内容にスクロールしている最中にヘッダー(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) { 

      } 
     }; 
    }); 

答えて

0

私は同じ問題を持っていたし、これは私がそれを解決する方法である:

LooパネルのK(DIV)現在のスクロールと(それがアコーディオンヘッダを含む)と設定:パネルの

overflow-y: hidden 

ルック(DIV)あなたは、スクロールを持っているし、設定したい:

max-height: 400px  
overflow-y: auto 

最大高さをあなたに適した値に変更してください。 このヘルプが必要です。それは私のために働いた。

ここに表示方法: enter image description here

関連する問題