Button 置顶按钮

用于置顶操作

基础用法

基础的置顶按钮展示。

        <button id="buttonTop1">置顶</button>
        <script type="text/javascript">
          $('#buttonTop1').buttonTop({
            scrollDom: $('#button-top-demo'),
            toTop: 300,
            class: 'demo-btn-top-class'
          })
        </script>
      
展开代码

置顶按钮额外操作

置顶按钮旁边增加其他按钮

        <button id="buttonTop2">置顶</button>
        <script type="text/javascript">
        $('#buttonTop2').buttonTop({
          scrollDom: $('#button-top-demo'),
          toTop: 10,
          class: 'demo-btn-top-class',
          menu: [{
            class: 'list1',
            name: 'list1',
            key: '1'
          }, {
            class: 'list2',
            name: 'list2',
            key: '2'
          }, {
            class: 'list3',
            name: 'list3',
            key: '3'
          }],
          menuClick: function(key, text, e) {
            console.log(key, text, e)
          }
        })
        </script>
      
展开代码

Attributes

参数 说明 类型 可选值 默认值
class 样式 String -- hz-btn-top
toTop 滚动目的地 Number -- 0
scrollDom 指定某个dom滚动 jq对象 -- $('html,body')
delay 滚动时长 Number -- 200
menu 增加其他按钮 array [{class:'list1',name:'list1'}] null

Events

事件名称 说明 回调参数
menuClick 按钮被点击时触发的事件 key:对应的映射,text:当前的text,e:this