nanoScrollerJS 是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的 jQuery 插件。该滚动条插件使用最小的 HTML 结构.nano > .nano-content。其它的滚动条元素.pane > .nano-slider是在插件运行时动态加载的。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。
使用方法
HTML结构
下面是该滚动条插件工作所必须的HTML结构：
<div id="about" class="nano"> <div class="nano-content"> ... content here ... </div> </div>
nano和nano-content的class名称可以通过插件参数来改变（改变后插件的CSS文件也要相应的改变）。
CSS样式
在HTML<header>中引入nanoscroller.css文件。
<link rel="stylesheet" href="nanoscroller.css">
你必须为容器指定一个宽度和高度，并为你的滚动条定制一些基本样式，例如：
.nano { background: #bba; width: 500px; height: 500px; }
.nano > .nano-content { padding: 10px; }
.nano > .nano-pane { background: #888; }
.nano > .nano-pane > .nano-slider { background: #111; }
JAVASCRIPT
在页面中引入jquery.nanoscroller.js文件。
<script type="text/javascript" src="js/jquery.nanoscroller.js"></script>
然后使用下面的方法调用该滚动条插件，HTML中所有带有.nano的DOM元素都会被应用上该方法：
$(".nano").nanoScroller();-
问题 使用Jquery 追加内容后，滚动条没有自动滚动到底部 解决方式： $("#left_content").append(recommendHtml) $(".nano").nanoScroller(); 初始滚动条 $(".nano").nanoScroller({scroll: 'bottom'});
-
nanoScrollerJS是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的jQuery插件。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。HTML结构下面是该滚动条插件工作所必须的HTML结构： ... content here ... nano和nano-content的class名称可以通过插件参数来改变(改变后
-
本文向大家介绍jQuery实现广告条滚动效果，包括了jQuery实现广告条滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery实现广告条滚动效果的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果，包括了jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery.kxbdmarquee.js无缝滚动的具体代码，供大家参考，具体内容如下 strep1.页面引入相关文件 step2.写html结构、css样式、js c
-
本文向大家介绍JQuery插件Marquee.js实现无缝滚动效果，包括了JQuery插件Marquee.js实现无缝滚动效果的使用技巧和注意事项，需要的朋友参考一下 Marquee.js插件提供了许多属性选项，您可以配置定制外观和效果。 详细代码： 以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。
-
本文向大家介绍jQuery中Nicescroll滚动条插件的用法，包括了jQuery中Nicescroll滚动条插件的用法的使用技巧和注意事项，需要的朋友参考一下 本篇文章主要介绍了jQuery中Nicescroll滚动条插件的用法，Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件，有需要的可以了解下。 Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动
-
本文向大家介绍jQuery实现带滚动线条导航效果的方法，包括了jQuery实现带滚动线条导航效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现带滚动线条导航效果的方法。分享给大家供大家参考。具体分析如下： 最早见到这种导航是在魅族的官网，当时（去年）觉得挺不错的但自己不会JavaScript，因此那时“可望而不可及”。今日去手机QQ for Android官网，又发
-
本文向大家介绍JS自定义滚动条效果，包括了JS自定义滚动条效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JS自定义滚动条的具体代码，供大家参考，具体内容如下 更多关于滚动效果的精彩文章点击下方专题： javascript滚动效果汇总 jquery滚动效果汇总 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jquery实现楼层滚动效果，包括了jquery实现楼层滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码，供大家参考，具体内容如下 html: js: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
制作列表滚动效果的核心就在于滚动框的scrollTop属性，它代表着我们滚动了多少像素。 当然为了让容器不显示滚动条我们会设置overflow:hidden; 来隐藏滚动条。 无缝滚动效果 准备HTML结构 <div class="container"> <h1>诗词推荐</h1> <div class="list"> <ul> <