导语:通过加载jquery.nicescroll让滚动条变得很个性化,整个页面滚动更加顺滑,流畅度非常好,而且兼容所有的浏览器。
其实它就是惯性滚动,现在本站正在用;具体的效果可以查看一下这个演示页面:
http://areaaperta.com/nicescroll/demo.html
你是不是发现查看演示页面时,浏览器滚动条与平时不一样,变得很个性化,而且感觉整个页面滚动时非常的顺滑,该特效是通过jquery.nicescroll实现,兼容所有浏览器。
使用方法很简单:
/* *加载nicescroll,能让页面变得更顺滑 *https://www.ljy2345.com/1806.html */ //在这里引入jquery.nicescroll.min.js <script src="/jquery.nicescroll.min.js"></script> //这里定义样式 <script type="text/javascript"> (function(){ var nice = false; var $ = NiceScroll.getjQuery();$(document).ready(function(){ nice = $("html").niceScroll({"cursorwidth":"5"}); }); $(window).load(function(){ nice.resize(); }); })(); </script>
其它参数,详见官网:http://areaaperta.com/nicescroll/
jquery.nicescroll的github项目地址,大家可以去下载:https://github.com/inuyaksa/jquery.nicescroll
如果认为修改主题麻烦,该jquery脚本还有WordPress的插件版,后台安装插件搜索:wp-nicescroll,使用效果相同,需要注意的是如果主题已加载jquery,请在插件设置中去掉include jquery勾选,以免产生冲突。
当 然 带来漂亮滚动的同时,需加载50KB的js脚本文件。
赞赏 除特别注明外,本站所有文章均为原创,转载请注明出处来自https://www.ljy2345.com/2015/08/%e5%8a%a0%e8%bd%bdnicescroll%ef%bc%8c%e8%83%bd%e8%ae%a9%e9%a1%b5%e9%9d%a2%e5%8f%98%e5%be%97%e6%9b%b4%e9%a1%ba%e6%bb%91/
Comments | 1 comment
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: 呵呵