1、NiceScroll:可用于桌面、移动与触摸设备的jQuery滚动插件

NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式。它支持Div、iFrame、一个body的滚动条效果。适用于iOS设备。

在线演示下载

2、Lion样式jQuery滚动条:nanoScroller

nanoScroller提供提供了一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。

在线演示下载

3、jQuery自定义内容滚动

自定义滚动插件利用就Query UI以提供完整的CSS自定义,它支持水平/垂直滚动,并支持鼠标滚轮(通过Brandon Aaron jQuery 鼠标滚轮插件实现),滚动顺滑并能自适应滚动条高宽。

在线演示 查看更多中文版 | 下载

4、Tiny Scrollbar - 轻量级jQuery插件 

在线演示 查看更多

5、jScroolPane实现滚动条可见性变换

在线演示 查看更多

6、Scrollbar Paper

Scrollbar Paper并不是要替代浏览器默认的滚动条。相反,它只是对滚动条的自定义,就像墙纸一样。

在线演示 查看更多

7、jScrollPane - 自定义跨浏览器滚动条

在线演示 查看更多

8、jQuery Scrollbars v2

该插件能自适应Javascript被禁用下的滚动效果。

在线演示 查看更多

9、ShortScroll - jQuery UI 之Google Wave样式滚动条

Google Wave中的滚动条是其中最棒的UI特性。它增加加的功能以及样式比浏览器默认的更好。

在线演示 查看更多

10、jQuery UI 滑块实现竖直滚动条

在线演示 查看更多

11、Scrollbar.js插件 

该插件只有一个目的,就是创建滚动条从事在较小的可视范围内展现内容。

在线演示  查看更多

12、jScroll 4:为移动WebKit提供滚动特性

在线演示

13、jScrollbar :利用jQuery UI创建滚动条

在线演示 查看更多

14、jQuery 滚动条挂件:jqWidgets

在线演示 查看更多

15、jQuery 个性化滚动条插件(跨浏览器)

在线演示 查看更多

15个带示例的jQuery滚动条插件的更多相关文章

  1. jQuery滚动条插件 – jquery.slimscroll.js

    jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动.jquery.slimscroll.js不仅可以定义高度.宽度,还可以定义位置.滚动条大小 ...

  2. Perfect Scrollbar – 完美的 jQuery 滚动条插件

    Perfect Scrollbar 是一个很小的,但完美的 jQuery 滚动插件.滚动条不会影响原来的设计布局,滚动条的设计是完全可定制的.你可以改变几乎所有的 CSS 样式的滚动条,滚动条设计对脚 ...

  3. 11 个最佳 jQuery 滚动条插件

    通过jQuery滚动条插件,你可以换掉千篇一律的默认浏览器滚动条,让你的网站或web项目更具特色,更有吸引力.本文收集了11款非常漂亮.实用的jQuery滚动条插件,你可以轻松将它们应用在自己的网站中 ...

  4. 原创新闻 11 个最佳 jQuery 滚动条插件

    通过jQuery滚动条插件,你可以换掉千篇一律的默认浏览器滚动条,让你的网站或web项目更具特色,更有吸引力.本文收集了11款非常漂亮.实用的jQuery滚动条插件,你可以轻松将它们应用在自己的网站中 ...

  5. 推荐15款响应式的 jQuery Lightbox 插件

    利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...

  6. 15 +免费及收费的jQuery滚动插件

    免费的 jQuery Scrolling 插件 Tiny Scrollbar SUPERSCROLLORAMA jScrollPane Curtain.js Plugin JQuery : Scrol ...

  7. jquery滚动条插件nanoscroller的应用

    默认的滚动条的样式,各个版本的兼容性不是很好, 推荐一款jQuery 插件nanoscroller ,可以自定义滚动条的样式. 应用: 1.引入样式 nanoscroller.css <link ...

  8. jquery——滚动条插件jscroll.js

    一.效果如下 点击“测试中奖纪录”弹出弹框.弹框中内容超出时显示滚动条. 二.代码部分 1.html结构 <body> <a href="javascript:;" ...

  9. jquery滚动条插件slimScroll

    参数 width: 'auto', //可滚动区域宽度         height: '100%', //可滚动区域高度         size: '10px', //组件宽度         c ...

随机推荐

  1. C# 计算文件的 Hash 值

    /// <summary> /// 提供用于计算指定文件哈希值的方法 /// <example>例如计算文件的MD5值: /// <code> /// String ...

  2. android使用Intent操作拨打号码发送短信

    Activity程序Activity.java package com.example.intentcaseproject; import android.net.Uri; import androi ...

  3. JavaScript 参考手册

    http://www.w3school.com.cn/jsref/index.asp https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

  4. 第一篇、微信小程序_01计算器

    官方文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 一.计算器的首页布局 第一部分WXML: <view class=&quo ...

  5. VPN怎么连?

    VPN的英文全称是“Virtual Private Network”,翻译过来就是“虚拟专用网络”.VPN是通过特殊的加密的通讯协议在连接在互联网上的位于不同地方的两个或多个内部网之间建立一条专有的通 ...

  6. js画了一个椭圆

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 常用到的Tomcat的修改方法

    1.修改端口号 打开tomcat的service.xml文件: 找到<Connector connectionTimeout="20000" port="8080& ...

  8. Eclipse Class Decompiler---Java反编译插件

    若转载,请标明出处http://www.cnblogs.com/last_hunter/p/5626779.html,谢谢! ------------------------------------- ...

  9. vs2005_the breakpoint will not currently be hit. The source code is different from the original verison.

    公司开发只能用英文版的VS2005 (雅蠛蝶) Tool-->Options-->Debugging->General: 把Require source files to exact ...

  10. HTML5之 WebWorkers

    为了进行后台计算提供的完全隔离计算方式 不可访问 DOM APIs 不可访问 window object 不可访问 document object 强隔离保证并行计算结果无误(无锁机制) ---- 启 ...