Advertisement

支持页面元素拖拽操作(Draggabilly版本)

阅读量:
在这里插入图片描述

开发人员可参考在jQuery框架下的实践文档中关于包管理工具及CDN引入等方式的具体操作说明。

复制代码
    <script type="text/javascript" src="/js/tools/draggabilly.min.js"></script>
    <button class="flowBtn">
    <image src="/images/flow.png"></image>
    </button>
复制代码
    $('.flowBtn').draggabilly({containment:true})

备注:

  • 通过调用此函数即可实现拖拽操作,并且该功能不受范围限制,在某些情况下可能会导致超出屏幕范围。
  • containment属性接受一个对象参数,在设置为true时,默认的拖拽范围限定在父元素内部
  • 此属性还可以使用CSS选择器指定(如{containment: '.container'}),此时默认的拖拽作用将限定在所选CSS选择器所指代的内容范围内。

**如果拖拽失败,有可能是拖

全部评论 (0)

还没有任何评论哟~