自定义WordPress网站滚动条样式插件Advanced scrollbar

 2019-08-23 09:12:37  51 人阅读  9 条评论

前面我们分享了通过 CSS 改变滚动条样式(详见『如何通过 CSS 代码自定义站点滚动条样式?』),不过有些站长不太喜欢折腾代码,所以今天 boke112 导航跟大家分享这一款可以轻松自定义/更改 WordPress 网站滚动条样式的插件——Advanced scrollbar。

自定义WordPress网站滚动条样式插件Advanced scrollbar - 第1张 - boke112联盟(boke112.com)

Advanced scrollbar插件介绍

这个 Advanced scrollbar 插件的目的就是可以让 WordPress 用户轻松自定义/更改站点滚动条的外观,具有以下特点:

  • 可以更改滚动条颜色;
  • 可以更改滚动条导轨背景颜色;
  • 可以更改滚动条鼠标滚动步骤;
  • 可以设置隐藏滚动条的工作方式;
  • 可以控制滚动速度;
  • 可以左右对齐滚动条;
  • 可以启用或禁用触摸行为;
  • 可以控制滚动条宽度;
  • 可以设置滚动条半径和边框的样式;
  • 由 jquery 提供支持;
  • 很轻的重量;
  • 易于使用的用户界面;
  • 适用于所有设备,包括手机,平板电脑,台式机。

Advanced scrollbar插件安装和使用

1. 登录 WordPress 站点后台 >> 插件 >> 安装插件,搜索 Advanced Scrollbar 进行安装并启用。

2. WordPress 站点后台 >> 设置 >> Custom Color scrollbar Settings 进行相关个性化设置。

2.1 Scrollbar Basic Settings(滚动条基本设置),可以设置滚动条滑块和轨道颜色、滚动条滚动速度、是否隐藏滚动条、滚动条位置(居左/居右)等。具体见下图:

自定义WordPress网站滚动条样式插件Advanced scrollbar - 第2张 - boke112联盟(boke112.com)

2.2 Scrollbar Custom Style Settings(滚动条自定义样式设置),可以设置滚动条滑块的宽度、边框样式及圆角边框。具体见下图:

自定义WordPress网站滚动条样式插件Advanced scrollbar - 第3张 - boke112联盟(boke112.com)

总结

这个插件经过 boke112 导航测试(Chrome 浏览器),发现该插件还是挺好用的,而且设置都比较直观简单,效果还是挺明显的。如果想要让自己站点浏览器比较有个性化,又不喜欢自己折腾 CSS 代码的话,不妨试试这款滚动条插件 Advanced scrollbar。

您可能感兴趣的文章

文章标签:
版权声明:本文为原创文章,版权归 boke112导航 所有,欢迎分享本文,转载请保留出处!
©boke112联盟,本站推荐使用:阿里云 ECS服务器等云产品服务,国外免备案主机建议使用:老薛主机

 发表评论

大笑表情偷笑表情鼓掌表情思考表情疑问表情抠鼻表情抓狂表情晕表情黑线表情流汗表情流泪表情囧表情衰表情围观表情OK表情牛表情

  1. 一为忆
    一为忆 @回复

    想起了当年的为了部落 [思考] 为了联盟

  2. 一为忆
    一为忆 @回复

    这东西不是几行css就解决了吗 [大笑]

    • 懿古今
      懿古今2019-08-31 16:22  回复

      @一为忆是的,所以文章开头就有通过CSS实现的方法连接。这个插件是适合不想折腾代码的站长

  3. 非凡信息网
    非凡信息网 @回复

    还是默认的好

  4. 闲鱼
    闲鱼 @回复

    [大笑] 玩了一段时间这个,现在没玩了

  5. 轩沫博客
    轩沫博客 @回复

    的确好看。

  6. 镜缘轩
    镜缘轩 @回复

    插件还是少用为好