vue 按钮可拖拽吸附侧边栏demo
vue 按钮可拖拽吸附侧边栏demo
使用turn.js 实现将dom转换为动画书的效果, Turn.js是一个JavaScript库,它集合了HTML5的所有优点,可以使我们的内容看起来像一本书 或杂志,有真实的翻阅的效果。 它使用HTML5和CSS3来执行效果,所以它可以在iOS设备(iPad,iPhone,iPod)和Android设备等触摸设备上很好地工作~ Turn.js具有比Flash内容拥有真实HTML内容的所有优势,除了感觉到本机内容(可选内容,没有第三方上下文菜单)之外,还可以添加广告代码,HTML5视频,工具提示,图像,地图,表单,跟踪每个页面并将它们与数百个精巧的库组合在一起用于网络。 trun.js 版本支持 需要 JQuery 1.7或更高版本 浏览器支持 Safari for iOS (iPad, iPhone, iPod) Safari 5 Chrome 11 Chrome for Android Firefox 9 IE 9 IE 8 (需要使用 turn.html4.js)
支持三个区域之间相互拖拽 支持拖拽排序 左侧和右侧数据双击自动移动到另一侧区域的末尾 顶部区域双击移动到右侧区域的末尾, npm install vuedraggable即可安装 vuedraggable官方文档地址:https://www.itxst.com/vue-draggable/j6vzfv6r.html Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。 关于Vue.Draggable详细信息可以查看Github地址 点击提交可以获取到三个区域中的数据
创作能手
勤写标兵
新秀勋章
阅读者勋章
新人勋章
签到新秀