1

У меня есть директива с шаблоном angularjsaccordion, в которой каждый раздел 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) { 

      } 
     }; 
    }); 

ответ

0

Я была такая же проблема, и это, как я ее решил:

Loo K для панели (дел) с текущей прокрутки (она включает в себя заголовок аккордеон) и установить:

overflow-y: hidden 

Посмотрите на панель (ДИВ) вы хотите иметь свиток и установить:

max-height: 400px  
overflow-y: auto 

Измените максимальную высоту на значение, которое работает для вас. Надеюсь, что эта помощь. Это сработало для меня.

Здесь как это выглядит: enter image description here