jquery.jscrollpane.css 
JScrollPane工作所必须的基本的CSS样式。
jquery.min.js
jQuery作为javascript库必须提前引入。
jquery.mousewheel.js
mouseweeljQuery插件是可选的,如果你需要使用鼠标滚轮滚动你的话需要引入。
默认的jScrollPane插件只能通过鼠标去拖动滚动条来实现内容的上下查看,但是添加了mousewheel之后,就可以实现用鼠标滚轮来滚动内容;
mwheelIntent.js
在滚动区域嵌套的情况下使用这个资源可以增强滚动的流畅度;
jquery.jscrollpane.min.js 
JScrollPane的源文件必须引入!这是最终实现滚动效果的核心文件。

如何调用执行

1
2
3
4
$(function()
{
    $('.scroll-pane').jScrollPane();
});

常用的参数配置项

1、showArrows:是否显示滚动箭头,模式是false;

2、maintainPosition:当滚动区重新初始化后,是否保持滚动条的原有位置,默认是true;

3、stickToBottom:当maintainPosition设置为true,且滚动区域到达底部,当有新内容添加的时候任然会固定在滚动区域底部,默认是false;

4、stickToRight:与stickToBottom属性原理类似,只是方向是右侧而不是底部;

5、autoReinitialise:自动初始化滚动区,内部实现机制实际上是一个定时器,当检测到内部有内容新增时,重新初始化,由于性能原因,默认false;

6、autoReinitialiseDelay:当autoReinitialise设置为true时,该属性表示自动初始化的延时,默认是500ms;

7、verticalDragMinHeight:垂直可拖动的最小高度,默认是0;

8、verticalDragMaxHeight:垂直可拖动的最大高度,默认是99999;

9、horizontalDragMinWidth:水平可拖动的最小距离,默认是0;

10、horizontalDragMaxWidth:水平可拖动的最大距离,默认是99999;

11、contentWidth:滚动区域的宽度,一般不要设置,该插件会根据内容实际宽度计算,默认undefined;

12、animateScroll:当调用scrollTo 或者scrollBy的时候,设置一个动画效果,包括时长duration和渐变ease,默认false;

13、animateDuration:动画时长,默认300ms;

14、animateEase:动画渐变函数,默认linear;

15、hijackInternalLinks:劫持锚链接,定位到滚动区域指定位置,默认false;

16、verticalGutter:垂直方向,内容和滚动条之间的距离,默认是4px;

17、horizontalGutter:水平方向,内容和滚动条之间的距离,默认是4px;

18、mouseWheelSpeed:鼠标滚轮的速度,默认是10px;

19、arrowButtonSpeed:方向按钮滚动内容的速度,默认是10px;

20、arrowRepeatFreq:按住方向按钮,内容滚动的频率,默认是100ms;

21、arrowScrollOnHover:当鼠标悬浮在方向按钮上时,是否允许滚动,默认false;

22、verticalArrowPositions:垂直方向按钮和固定点的位置,默认split;

23、horizontalArrowPositions:同上,水平方向;

24、enableKeyboardNavigation:是否允许键盘导航,默认true;

25、hideFocus:是否隐藏焦点框,默认false;

26、clickOnTrack:当点击固定点的时候,是否向相应方向滚动内容,默认true;

27、trackClickSpeed:点击固定点的滚动速度,默认是30px;

28、trackClickRepeatFreq:点击固定点的滚动频率,默认是100ms。

如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改

horizontalDragMaxWidth:0;就没有水平滚动条了的更多相关文章

  1. winform水平滚动条联动panel

    需求: 滚动滚动条时显示pnlBack里面的button 文本框里输入数字,改变每行显示的按钮数 源码如下: /// <summary> /// 窗体加载 /// </summary ...

  2. iscroll 4.0 滚动(水平和垂直)

    1.概述 iscroll 专注于页面滚动js.Iscroll滚动做的挺好,特别是针对手机网页(android.iphone)正好弥补手动滑屏的遗缺,而今研究一番,把代码贴出来,供大家参考. 2.isc ...

  3. 向table添加水平滚动条

    转自:http://www.cnblogs.com/linjiqin/p/3148225.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. ...

  4. delphi 去掉TreeView水平滚动条

        使用API函数:声明 FUNCTION ulong ShowScrollBar(ulong hwnd,ulong wBar,ulong bShow) LIBRARY "user32. ...

  5. 为TListBox添加水平滚动条

    为TListBox添加水平滚动条 实例说明 TListBox组件是一个较为常用的列表组件,在默认情况下该组件是没有水平滚动条的,所以文字过长会显示不完全,在文字较短的情况下还可以,但是如果一行的文字很 ...

  6. [WPF]解决ListView在没有Items时,水平滚动条不出现的问题

    转载地址:http://www.cnblogs.com/nankezhishi/archive/2010/03/19/FixListViewNotScrollHeaderBug.html 在上一篇Bl ...

  7. winform listbox 使用DrawMode使用OwnerDrawVarialbe或OwnerDrawFixed无水平滚动条

    因为需要使用DrawMode自行DrawItem,所以需要将DrawMode设置为OwnerDrawVarialbe或OwnerDrawFixed模式,代码如下: private void listB ...

  8. 为MFC中的ListBox添加水平滚动条

    我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设 ...

  9. (七)对话框,单选框(radiobox),复选框(checkbox),列表框(ListBox),组合框(CComboBox),水平滚动条(Horizontal scroll bar),微调(旋转)spincontrol,列表视图控件CListCtrl,静态控件static

    1,模态对话框和非模态对话框 // 模态对话框 void CMainFrame::OnDialogExec() { // TODO: 在此添加命令处理程序代码 // 创建对话框对象 CDialog d ...

  10. html页面内容超出后显示水平滚动条的问题

    这个问题已经遇到好几次,解决起来也熟练了很多.   出现这种问题一般都是html或页面中的某一内部元素宽度超了. 下面总结我遇到的几种情况: 1.某一内部元素width设为100%,然而它还有bord ...

随机推荐

  1. win7 下注册dll文件失败

    1.win7 下注册dll文件失败,提示模块“xx.dll”已加载,但找不到入口点DllRegisterServer 原因:该dll文件非可注册组件,没有包含DllRegisterServer函数,可 ...

  2. python 常用的模块(base64)转

    Base64是一种用64个字符来表示任意二进制数据的方法. 用记事本打开exe.jpg.pdf这些文件时,我们都会看到一大堆乱码,因为二进制文件包含很多无法显示和打印的字符,所以,如果要让记事本这样的 ...

  3. 新人补钙系列教程之:体验ApplicationDomain 应用程序域

    要说应用程序域,就不得不说安全沙箱 安全沙箱在帮助文档的解释是: 客户端计算机可以从很多来源(如外部 Web 站点或本地文件系统)中获取单个 SWF 文件.当 SWF 文件及其它资源(例如共享对象.位 ...

  4. 关于httpclient 请求https (如何绕过证书验证)

    第一种方法,适用于httpclient4.X 里边有get和post两种方法供你发送请求使用.导入证书发送请求的在这里就不说了,网上到处都是 import java.io.BufferedReader ...

  5. SpringMVC文件上传的配置

    记述一下步骤以备查. 准备工作: 需要把Jakarta Commons FileUpload及Jakarta Commons io的包放lib里. 我这边的包是: commons-fileupload ...

  6. 不删除记录的表CRUD的常见处置

    为什么不删除记录,因为这些记录只是暂时不用了,以后还是有可能会用到的,比如说统计:另外一些主键外键依赖级联删除的场合也不好真删的,容易批量删除.真删了就不容易恢复回来了. 一般做法是,增加一个avai ...

  7. python 赋值 深浅拷贝

    深浅拷贝 一.数字和字符串 对于 数字 和 字符串 而言,赋值.浅拷贝和深拷贝无意义,因为其永远指向同一个内存地址. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 impor ...

  8. Django——静态文件(如bootstrap)的配置

    静态文件如CSS, javascript(如bootstrap), 图片等文件在django中的配置官方文档写的比较模糊,自己通过实验验证后并整理如下,以防遗忘,目前只整理了关于本地开发中的设置方式, ...

  9. rk3288 LED上加入heartbeat功能

    平台:瑞芯的rk3288 作者:fulinux *****本文同意转载.只是请注明出处:http://blog.csdn.net/fulinus**** 1.硬件环境 随意选取一个GPIO引脚作为he ...

  10. [JAVA &#183; 0基础]:11.终结者-final

    关于finalkeyword的总结,是非常easy学习和掌握的,大致分为用final修饰的符号常量.类.方法.属性四部分.而这四部分的内容也是我们必须掌握的,非常有用.在项目中常常来利用finalke ...