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

加载Jquery.Nicescroll,让页面变得更顺滑

gyue2345·2015-08-20·114 次阅读··

   2015-08-20 22:11 LJY2345    1 条评论   隐藏边栏   黑色模式    114 
   评分 0 次,平均分 0.0    1 条评论   隐藏边栏   黑色模式

导语:通过加载jquery.nicescroll让滚动条变得很个性化,整个页面滚动更加顺滑,流畅度非常好,而且兼容所有的浏览器。

加载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脚本文件。

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

扫一扫打赏

支付宝扫一扫打赏

微信扫一扫打赏

view comments - 1 comment

Comments | 1 comment

  • :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: 呵呵

    Gyue 7年前 (2015-08-27) [0] [0]
🌙
😃

切换注册
忘记密码 ?

×

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

切换登录

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