Extension Center

图片说明

改变滚动条

By21024847

Version: 1.2
Size:37KB
Downloads:4482
Last Updated:2014-11-15 21:07:03

Report Abuse

Screenshots

prev next
  • 图片说明

Release note

针对某些不喜欢浏览器默认滚动条的用户,修改浏览器滚动条的默认显示样式。有部分网站无法修改

v1.1
应用户要求,把圆角去掉了

v1.2
更新滚动条样式为更浅的灰色,增强美感

------------------------------------------------------

使用暴力猴插件添加以下脚本也可实现和本插件相同功能:

var headElement = document.getElementsByTagName("head")[0];
var st= document.createElement('style');
st.setAttribute("type", "text/css");
st.innerHTML = "::-webkit-scrollbar-track {background-color:#ffffff;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}::-webkit-scrollbar {width:8px;}::-webkit-scrollbar-thumb{background-color:#d6d6d6;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}::-webkit-scrollbar-thumb:hover{background-color:#bcbcbc;}::-webkit-scrollbar-thumb:active {background-color:#a8a8a8;}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.1);}";
headElement.appendChild(st);

选择自定义元数据,运行时机为document-start

*.maxthon.cn和*.466.com等网站脚本无效。这两个是遨游的网站。。


插件主页:http://www.fsech.com/extensions/scrollbar/

by:www.fsech.com
  • vista.baby Version:1.0.0 2014-03-30 21:27:25 Reply

    好东西!强烈支持!!!

  • 十八哥哥 Version:1.0.0 2014-03-02 16:16:02 Reply
    回复 十八哥哥: 我测试了一下,把状态栏关闭了,点击滚动条都是可以的啊,不用一定点那个滚动条的。我用的是最新版本的遨游,其他的没测试过。原理上来说应该是没问题的,我只是在页面插入了样式,并不影响行为的。用还是和原来的滚动条一样用的。 ...

    21024847 2014-03-01 22:58:24

    回复 21024847: 忘记跟你说个情况,我的任务栏放在左边了,底下是没有任务栏的也就是,当我把鼠标放到屏幕的最底端时,点击是点击不到滚动条的,要再往上一点点才可以。

  • 21024847 Version:1.0.0 2014-03-01 22:58:24 Reply
    有个问题,右边的滚动条,我直接把鼠标顶到边上,可以拉。但是我把底部的状态栏去掉了,下方的要拖的时候,把鼠标顶到下面拉不了,要仔细点中那个条才行。

    十八哥哥 2014-03-01 16:12:56

    回复 十八哥哥: 我测试了一下,把状态栏关闭了,点击滚动条都是可以的啊,不用一定点那个滚动条的。我用的是最新版本的遨游,其他的没测试过。原理上来说应该是没问题的,我只是在页面插入了样式,并不影响行为的。用还是和原来的滚动条一样用的。

  • 十八哥哥 Version:1.0.0 2014-03-01 16:12:56 Reply

    有个问题,右边的滚动条,我直接把鼠标顶到边上,可以拉。但是我把底部的状态栏去掉了,下方的要拖的时候,把鼠标顶到下面拉不了,要仔细点中那个条才行。

  • 21024847 Version:1.0.0 2014-03-01 13:47:48 Reply

    多浏览器支持 http://www.fsech.com/extensions/scrollbar/

Total 26  5/6 <123456>

Rate and Review

Give a rating:
Please rating!
500 words left