通过拖动鼠标进行滚动的js插件
2015-03-26 13:12
281 查看
dragscroll是一款非常小巧的可通过拖动来进行滚动的js插件。该拖动滚动插件的min版本只有410个字节。通过该插件你可以将整个页面或某个div转换为可用鼠标拖动来滚动的元素。这对于某些场合的展示效果是非常有用的。
dragscroll的最小版本dragscroll_micro.js大小为410个字节,仅支持基本的拖放滚动功能。
dragscroll的完整版本dragscroll.js大小有741个字节,它比最小版本多了一些额外的功能:
添加了一个UMD模块。
可以在页面加载后才被调用,插件会自动查找带有dragscroll class的元素,并将这些元素进行转换。最小化版本不能再页面初始化之后再加载,必须写在页面的<head>中。
可以动态的添加或删除带有dragscroll class的元素。如果你执行了这些操作,要使用dragscroll.reset()方法来更新元素。
在线演示:http://www.htmleaf.com/Demo/201503251575.html
下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503251574.html
dragscroll的最小版本dragscroll_micro.js大小为410个字节,仅支持基本的拖放滚动功能。
dragscroll的完整版本dragscroll.js大小有741个字节,它比最小版本多了一些额外的功能:
添加了一个UMD模块。
可以在页面加载后才被调用,插件会自动查找带有dragscroll class的元素,并将这些元素进行转换。最小化版本不能再页面初始化之后再加载,必须写在页面的<head>中。
可以动态的添加或删除带有dragscroll class的元素。如果你执行了这些操作,要使用dragscroll.reset()方法来更新元素。
在线演示:http://www.htmleaf.com/Demo/201503251575.html
下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503251574.html
相关文章推荐
- 滚动 CSS3 鼠标滚轮滚动插件jQuery Smoove.js
- jquery鼠标滚动数字增加插件---countUp.js
- 鼠标拖动层的JS方法
- 鼠标拖动层的JS方法
- .net,C#如何在运行时通过鼠标拖动改变控件的大小
- 请教方法和例子:VS2003的datagrid控件,如何实现用鼠标拖动的方法选中任意区域的多个单元格,然后进行统一编辑??
- 通过js获得鼠标和控件位置
- JS实现“鼠标控制局部文字滚动效果”研究
- 用鼠标拖动表格进行排序
- 在运行时通过鼠标拖动移动控件位置(c#)
- 在运行时通过鼠标拖动移动控件位置及改变控件的大小
- js+ asp.Net ajax开发163邮箱效果(列表底色、多选拖动等)--列表底色随鼠标移动变化
- Eclipse上如何通过安装插件来进行对C/C++的开发
- 通过鼠标的图形化选取来获取日期字符串的JS代码
- 用roll.js实现的图片自动滚动+鼠标触动的特效
- js源码--拖动div进行布局
- 鼠标拖动层的JS方法
- DataGrid客户端排序和通过鼠标拖动来实现多选
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- js图片根据鼠标左右滚动的效果