玩命加载中qwq

扔掉难看的默认滚动条!用NiceScroll吧!

  • 2016-05-09
  • 7,754
  • 2


pic


pic

哪个滚动条更好看呢?嘿嘿~当然是第二种啦~接下来我就讲讲怎么让我们的网页用上这种美观的滚动条~

材料准备
1.jquery.nicescroll.min.js jquery.nicescroll.min.js
2.jquery.min.js(如果有则不需要)
3.Notepad++(文本编辑器)
4.FileZilla(FTP文件传输工具)

Step1.使用FileZilla上传jquery.nicescroll.min.js

上传jquery.nicescroll.min.js到你的主题的 js 目录下 ,如果没有就创建(wp-content\主题\js)

Step2.修改header.php 并修改,以启用jquery.nicescroll.min.js

使用FileZilla下载 主题目录下的 header.php,并用NotePad++ 打开。

找到 </head> 标签,添加以下代码


<script src="https://www.rabbittu.com/wp-content/themes/你的主题/js/jquery.nicescroll.min.js"></script>
//添加jquery.nicescroll.min.js引用
//这里的 https://www.rabbittu.com  是域名 , 记得修改

<script>
  $(document).ready(function() {
	var nice = $("html").niceScroll();
        //插件生效
  });
</script>

好啦~刷新网页,滚动条是不是有变化了呢~qwq

感谢打赏!
支付宝

灌水吐槽区(登录QQ有头像!)

  • 贫困的蚊子

    _(・ω・」 ∠)_ 当然是选择::-webkit-scrollbar啦

你必须 登录 才能发表灌水吐槽区(登录QQ有头像!).