手风琴内容的固定按钮

时间:2016-08-11 02:57:07

标签: javascript html css angularjs

情景:

  • 我有手风琴。
  • 当它扩展时,我有一个表格。有时长形(大于页面高度)。
  • 表单操作按钮位于表单的末尾。

问题:

  • 您必须滚动页面才能看到/单击操作按钮。由于某些特殊原因,即使没有看到所有表单,用户也可能希望保存它。

问题:

  • 如何修复屏幕末尾的操作按钮?
  • 如何将这些按钮保留在手风琴项目内(如果您滚动到页面末尾,您应该看到其他手风琴项目的兄弟姐妹)
  • 换句话说:只有当手风琴项目的末尾不可见时,动作按钮才会附加到屏幕的末尾;

修改

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

1 个答案:

答案 0 :(得分:0)

如何将手风琴项目内容封装在具有固定高度和滚动的div中#! /usr/bin/python origin_dict={0:[],1:[],2:['bus'],3:['bus'],4:['bus'],5:[],6:[],7:['train'],8:['train'],9:['train'],10:[],11:[],12:['train'],13:['train'],14:[]} dict_out = {} int_dict = {} mine_keys = [key for key in origin_dict.keys() if not origin_dict[key] == []] prev_val = False keyind = 0 for key in origin_dict: if not key in mine_keys: if prev_val == True: dict_out[keyind] = int_dict prev_val = False keyind += 1 int_dict = {} else : prev_val = True int_dict[key]=origin_dict[key] print origin_dict print dict_out

请参阅http://jsfiddle.net/1vkcmo7a/7/