新浦京81707con > 首页 > Nicescroll滚动条插件的用法,jQuery的Nicescroll滚动条

原标题:Nicescroll滚动条插件的用法,jQuery的Nicescroll滚动条

浏览次数:135 时间:2019-05-29

$("#mydiv").getNiceScroll().hide();

留意:一定要放在 $(document).ready 中开始展览初步化!

$("#mydiv").getNiceScroll(0).doScrollLeft(x, duration); // Scroll X Axis
$("#mydiv").getNiceScroll(0).doScrollTop(y, duration); // Scroll Y Axis

检查测试滚动条是不是重新恢复设置大小(当窗口改造大小时):

 

1 $(document).ready(
2   function() { 
3     $("html").niceScroll();
4   }
5 );

详见布置参数:

自个儿使用进度中遇见的难题:

最简便易行的用法:

官方网址地址:

除此以外注意:当在同一页面中采取多少个nicescroll插件时,要立刻隐藏用完的nicescroll对象,加载时,须求先show,再resize。

1 $("#mydiv").getNiceScroll().hide();

葡京网址,当插件放在具备absolute浮动的器皿中,并安装了top值时,插件的top会出现难点,化解办法运用插件的railoffset属性:

滚动到有个别地方:

railoffset, you can add offset top/left ``for rail position (``default``:``false``)

 

$("#mydiv").getNiceScroll().resize();

隐形滚动条:(当在同1页面中接纳八个nicescroll插件时,要立马隐藏用完的nicescroll对象,加载时,必要先show,再resize。)

Nicescroll滚动条插件是二个老大强劲的凭借jQuery的滚动条插件,不要求追加额外的css,差不离全浏览器包容。ie陆 ,完结只必要1段代码,侵入性不大,样式可完全自定义,支持触摸事件,可在触摸屏上行使。

Nicescroll滚动条插件是一个格外强劲的依附JQUE奥迪Q7Y的滚动条插件,无需追加额外的css,大概全浏览器包容。ie六 ,达成只供给一段代码,侵入性非常的小,样式可完全自定义,帮助触摸事件,可在触摸屏上使用。

可扩大各样参数

最简易的用法如下:

Nicescroll官方网站地址:

设置各样参数:

$("html").niceScroll();
1 $("#mydiv").getNiceScroll().resize();

 

1 $('#addContent_scroll_wrap').getNiceScroll().show();
2 $('#addContent_scroll_wrap').getNiceScroll().resize();

本文由新浦京81707con发布于首页,转载请注明出处:Nicescroll滚动条插件的用法,jQuery的Nicescroll滚动条

关键词: 新浦京81707con

上一篇:创建可用性组,一次失败的生产系统中AlwaysOn

下一篇:没有了