说明和演示
在阅读下面内容之前,可以先查看一下这个演示页面:
http://areaaperta.com/nicescroll/demo.html
是否发现查看演示页面时,浏览器滚动条与平时不一样,变得很个性化,而且感觉整个页面滚动时非常的顺滑,该特效是通过jquery.nicescroll实现,兼容所有浏览器。
使用方法很简单(上代码):
<script src="jquery.nicescroll.js"></script> $("html").niceScroll(); $("#thisdiv").niceScroll({cursorcolor:"#00F"}); $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});
其它的,详见:http://areaaperta.com/nicescroll/
如果认为修改主题麻烦,该jquery脚本还有Wordpress的插件版,后台安装插件搜索:wp-nicescroll,使用效果相同,需要注意的是如果主题已加载jquery.js,请在插件设置中去掉include jquery勾选,以免产生冲突。
当然带来漂亮滚动的同时,需加载50KB的脚本文件,就看你的取舍了。
效果图
赞赏
除特别注明外,本站所有文章均为LJY IT BLOG原创,转载请注明出处来自https://www.ljy2345.com/2015/02/%e7%89%b9%e8%89%b2wordpress%e4%b8%aa%e6%80%a7%e5%8c%96%e6%bb%9a%e5%8a%a8%e6%9d%a1/
Comments | NOTHING