horizontalDragMaxWidth:0;就没有水平滚动条了
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;就没有水平滚动条了的更多相关文章
- winform水平滚动条联动panel
需求: 滚动滚动条时显示pnlBack里面的button 文本框里输入数字,改变每行显示的按钮数 源码如下: /// <summary> /// 窗体加载 /// </summary ...
- iscroll 4.0 滚动(水平和垂直)
1.概述 iscroll 专注于页面滚动js.Iscroll滚动做的挺好,特别是针对手机网页(android.iphone)正好弥补手动滑屏的遗缺,而今研究一番,把代码贴出来,供大家参考. 2.isc ...
- 向table添加水平滚动条
转自:http://www.cnblogs.com/linjiqin/p/3148225.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. ...
- delphi 去掉TreeView水平滚动条
使用API函数:声明 FUNCTION ulong ShowScrollBar(ulong hwnd,ulong wBar,ulong bShow) LIBRARY "user32. ...
- 为TListBox添加水平滚动条
为TListBox添加水平滚动条 实例说明 TListBox组件是一个较为常用的列表组件,在默认情况下该组件是没有水平滚动条的,所以文字过长会显示不完全,在文字较短的情况下还可以,但是如果一行的文字很 ...
- [WPF]解决ListView在没有Items时,水平滚动条不出现的问题
转载地址:http://www.cnblogs.com/nankezhishi/archive/2010/03/19/FixListViewNotScrollHeaderBug.html 在上一篇Bl ...
- winform listbox 使用DrawMode使用OwnerDrawVarialbe或OwnerDrawFixed无水平滚动条
因为需要使用DrawMode自行DrawItem,所以需要将DrawMode设置为OwnerDrawVarialbe或OwnerDrawFixed模式,代码如下: private void listB ...
- 为MFC中的ListBox添加水平滚动条
我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设 ...
- (七)对话框,单选框(radiobox),复选框(checkbox),列表框(ListBox),组合框(CComboBox),水平滚动条(Horizontal scroll bar),微调(旋转)spincontrol,列表视图控件CListCtrl,静态控件static
1,模态对话框和非模态对话框 // 模态对话框 void CMainFrame::OnDialogExec() { // TODO: 在此添加命令处理程序代码 // 创建对话框对象 CDialog d ...
- html页面内容超出后显示水平滚动条的问题
这个问题已经遇到好几次,解决起来也熟练了很多. 出现这种问题一般都是html或页面中的某一内部元素宽度超了. 下面总结我遇到的几种情况: 1.某一内部元素width设为100%,然而它还有bord ...
随机推荐
- SQL Server 2008 R2 SP3 and SQL Server 2008 SP4 are now available!
时间 2014-10-02 00:00:00 SQL Server Team Blog 原文 http://blogs.technet.com/b/dataplatforminsider/arc ...
- Delphi 使用 SPcomm 调试串口程序出现总是在程序断开的时候,才发送指令的问题。
问题如上, 在与嵌入式程序串口程序通讯的时候, 总是出现如上问题, 造成的原因把下面的True改成false就可以了. 下图Spcomm的属性页,几个True全改成False再试试
- 使用Python3解压gz、tar、tgz、zip、rar五种格式的压缩文件例子
使用Python3解压如下五种压缩文件:gz.tar.tgz.zip.rar 简介 gz: 即gzip,通常只能压缩一个文件.与tar结合起来就可以实现先打包,再压缩. tar: linux系统下的打 ...
- c++类型所占的字节和表示范围
一:数值类型的大杂烩 (1)short.int 和 long 类型都表示整型值.存储空间的大小不同 一般, short 类型为半个机器字长,int 类型为一个机器字长,而 long 类型为一个或两个机 ...
- SQL Server 系统函数
一组内置函数,对 SQL Server 中的值.对象和设置执行操作,并返回有关它们的信息. 系统函数 功能 APP_NAME() 返回当前会话的应用程序名称(如果应用程序进行了设置) CASE表达 ...
- cubemap
cubemap 画的时候 是一张一张画 并不是画成 ------- | | | | | | | | | 这样一个位置 而是一 ...
- 使用PowerDesigner进行代码生成
很多代码生成器都选择了从表结构来生成领域模型,这样的方案有一个前提,就是领域模型和数据库表结构是同构的,也就是说领域模型中的类和数据库中的记录结构十分吻合,这样数据库表结构可以简单的直接映射到领域模型 ...
- 倍福TwinCAT(贝福Beckhoff)基础教程2.2 TwinCAT常见类型使用和转换_枚举
在Duts的文件夹上右击,可以声明一个枚举类型,按照格式填写所有类型(注意枚举的元素前面都是逗号,最后一个不需要符号) 在正常使用的时候,枚举的单词可以当全局变量来用 更多教学视频和资料下 ...
- Laravel之Elixir
一.Elixir安装和设置 1.安装node.js 2.安装Gulp 作为全局NPM 包 npm install --global gulp 3.最后,在新安装的Laravel 根目录下,你会发现有一 ...
- 升级滑动销毁activity,随着手势的滑动而滑动的效果
文章开头先注明本滑动销毁是对 http://blog.csdn.net/xiaanming/article/details/20934541 这篇博客的内容进行一个小小的改动 添加向左滑动打开另外一个 ...