javascript - Accordion 内容的固定按钮

Question

场景:

• 我有一个 Accordion 。
• 当它展开时，我有一个表格。有时是长表格(大于页面高度)。
• 表单操作按钮位于表单末尾。

问题:

• 您必须滚动页面才能看到/点击操作按钮。由于某些特殊原因，用户可能希望在没有看到所有表格的情况下保存它。

问题:

• 如何修复屏幕末尾的操作按钮？
• 如何将这些按钮保留在 Accordion 项中(如果您滚动到页面末尾，您应该会看到其他 Accordion 项兄弟项)
• 换句话说:只有当 Accordion 元素的末尾还不可见时，操作按钮才应附加到屏幕的末尾；

编辑

演示: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>

Answer 1

如何将 Accordion 项内容包含在具有固定高度和滚动条的 div 中，例如<div style="max-height:50px;height:50px; overflow:auto"> ？

参见 http://jsfiddle.net/1vkcmo7a/7/