div拖拽排序,jquery.dad.js,当出现 滚动条时候的bug解决.

  1. 项目中需要对div进行拖拽排序,这里用到了jquery.dad.js, 详细使用方法,网友可以在下面github 中下载demo.
  2. 起初都很顺利.但是当页面过长的时候,就发现了问题.
    在这里插入图片描述
    当滚动条出现以后,出现了目标飞出可视范围的情况.根据经验判断肯定是 clone 目标div的 时候,没有考虑滚动条高度而产生的问题.
    由于dad.js 都是压缩好的,所以可读性比较查,我又去了网上,进行了美化.在线js代码美化的地方很多.这里就不介绍了.美化后就找到的了地方.
    在这里插入图片描述
    把clone的div 加入了纵向滚动的滚动条高度.如果有网友需要横向滚动 的,这里也是一样.在mouse.x 位置进行处理就好了.
    添加后完美解决了.说句实话,写这么多要点积分,下载需要5分.
    修改后源码链接https://download.csdn.net/download/cckk263/14954500
    源程序地址:https://github.com/williammustaffa/jquery.dad.js/blob/master/README.md
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值