2016-08-11 2 views
0

Сценария аккордеона в:Фиксированные кнопки для содержания

  • У меня есть аккордеон.
  • Когда он расширяется, у меня есть форма. Иногда длинная форма (больше высоты страницы).
  • Кнопки действия формы находятся в конце формы.

Проблема:

  • Вы должны прокручивать страницу, чтобы увидеть/нажмите на кнопку действия. По какой-то причине пользователь может захотеть сохранить его, даже не видя всей формы.

Вопрос:

  • Как исправить кнопку действия в конце экрана?
  • Как сохранить эти кнопки внутри элемента аккордеона (если вы прокрутите страницу до конца страницы, вы должны увидеть других братьев-синонимов)
  • Другими словами: кнопки действия должны быть прикреплены к концу экрана только пока конец этого аккордеона еще не виден;

Редактировать

Демы: http://jsfiddle.net/1vkcmo7a/1/

<div> 
    <accordion close-others="true"> 
     <accordion-group heading="Item #{{i}}" ng-repeat="i in [1,2,3,4,5]"> 
      <ul> 
       <li ng-repeat="a in [1,2,3,4,5,6,7,8,9,10]">long form</li> 
      </ul> 
      <button class="btn btn-success">Save</button> 
     </accordion-group> 
    </accordion> 
</div> 
+0

показать нам свой код? – kukkuz

+0

Можете ли вы предоставить сценарий кода, который вы пытаетесь достичь своей цели? –

ответ

0

Как насчет вмещения содержимого аккордеона записи в DIV с фиксированной высотой и свитком, например <div style="max-height:50px;height:50px; overflow:auto">?

См. http://jsfiddle.net/1vkcmo7a/7/

+0

Кажется, это хорошая идея. Но в этом случае кнопка действия будет скрыта. – Falci