scroller 插件nanoScroller 用法
默认滚动条是不是很丑,你可以他进行美化但是兼容性有问题,api是不是不够强大,自己用div做一个滚动条成本太大,这里给你推荐一款jquery 插件nanoscroller ,网上关于nanoscroller 的介绍不太多,github上有代码但是没有demo,使用其实很简单,但是还是稍微介绍一下减少学习的成本,
引入的类库 jquery.nanoscroller.js
引入的css库nanoscroller.css
<div id="about" class="nano"> <div class="nano-content"> ... content here ... </div> </div>
content 里边放置内容,请注意内层的nano-content 不要丢失,控件内部默认的在这个节点下查询,
$(".nano").nanoScroller({ scroll: 'top' }); $(".nano").nanoScroller({ scroll: 'bottom' }); $(".nano").nanoScroller({ scrollTop: value }); $(".nano").nanoScroller({ scrollBottom: value }); $(".nano").nanoScroller({ scrollTo: $('#a_node') });
更简单的方式那就直接使用我的示例代码吧
相关推荐
美化滚动条最简单的方式就是使用jquery插件,本文介绍的就是jquery插件中的滚动条插件nanoscroller. 官方展示,样式可自定义 1.nanoscroller插件功能 对内容实现滚动功能 2.nanoscroller官方地址 ...
jquery滚动条插件,支持滚动条在上下左右不同位置,同时鼠标滚轮也可以控制图片前后滚动,最有意思的是带有翻页之类的效果,很不错的jquery特效,懒人之家推荐下载
jquery滚动条美化插件
jquery自定义滚动条插件 1.兼容ie8+ 的自定义滚动条 2.滚动条样式完全自定义 3.单页面多次调用
插件描述:是一款使用简单方式实现 Mac OS X Lion 系统滚动条效 参考实例:http://www.jq22.com/jquery-info5678
jQuery滚动条插件 – jquery.slimscroll.js。jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。
NULL 博文链接:https://zxlyecf2.iteye.com/blog/1990107
JQuery滚动广告插件 JQuery 滚动 插件
UI JQuery自定义滚动条插件是 jquery自定义滚动条的UI JQuery插件。 UI JQuery自定义滚动条插件演示图: 点击查看演示:
jquery.mCustomScrollbar自定义滚动条插件,包含官方源码,源码中包含DEMO,包含简单本地DEMO,即拿即用
非常好用的基于jquery的滚动条插件jscroll_files , 可自定义滚动条样式
jQuery滚动效果插件 Waypoints ,Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件,例如实现无翻页的内容浏览,...
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
jquery Sly滚动条插件制作横向滚动条和垂直滚动条
jQuery滚动条插件jQuery custom content scroller支持横向滚动纵向滚动以及多种滚动显示效果。使用这个插件你可以轻松的给你的层追加很好看的滚动条。
麻省理工开发的jquery滚动条插件,很牛逼,很强大,最大的特点使用方便;可配置滚动条样式
jQuery 滚动条插件 tinyScrollbar Demo 整理过的资源 包括图片和样式脚本