我们新增Dark Mode(暗模式),(只是在晚上)可以改变MAC OS&Windows系统的暗模式实现切换;安卓和苹果手机是一样的。
WordPress

特色wordpress个性化滚动条

gyue2345·2015-02-28·63 次阅读··

   2015-02-28 19:23 LJY2345    抢沙发   隐藏边栏   黑色模式    63 
   评分 0 次,平均分 0.0    抢沙发   隐藏边栏   黑色模式

特色wordpress个性化滚动条

说明和演示

在阅读下面内容之前,可以先查看一下这个演示页面:

http://areaaperta.com/nicescroll/demo.html

是否发现查看演示页面时,浏览器滚动条与平时不一样,变得很个性化,而且感觉整个页面滚动时非常的顺滑,该特效是通过jquery.nicescroll实现,兼容所有浏览器。

使用方法很简单(上代码):

 

<script&nbsp;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的脚本文件,就看你的取舍了。

效果图

特色wordpress个性化滚动条

wordpress个性化滚动条

特色wordpress个性化滚动条

wordpress个性化滚动条

 

赞赏
博 主作者: 关注:6    粉丝:1最后编辑于:2020年4月11日
LJY IT BLOG的站长。

扫一扫打赏

支付宝扫一扫打赏

微信扫一扫打赏

view comments - NOTHING
🌙
😃

切换注册
忘记密码 ?

×

您也可以使用第三方帐号快捷登录

切换登录

×
扫一扫二维码分享
下载海报
  切换主题 | SCHEME TOOL