yd582
火狐狸
火狐狸
  • UID37521
  • 注册日期2011-10-07
  • 最后登录2013-03-31
  • 发帖数227
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:5005回复:10

有没有userChrome.css代码,可以变化滚动条

楼主#
更多 发布于:2011-12-10 11:18
在网上搜了一下,有是有,但我放进userChrome.css中,却都没有效果.....
例如:隐藏上下箭头,更改宽度,不求大变化,只这样的小变化能做到不?
注:不想装拓展(已经装了很多,本着能少装,就少装的原则),单纯userChrome.css
bobnemo
小狐狸
小狐狸
  • UID29702
  • 注册日期2009-07-17
  • 最后登录2012-04-14
  • 发帖数39
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2011-12-10 11:18
单纯userChrome.css 好像在滚动条是无能为力了
前几天我也搜索了网上常见的CSS 对滚动条样式都无效

这个UC脚本可用:鼠标移动滚动条
var speed = 0.3
调整速度,0.3对图片多的网页很适合,浏览草榴很爽

(function(){
    var speed = 0.3;
	//-----------------------------------------------------
    var scrollMode = 0;
    var scrollStartSWTM = -1; 	
    function mouseScroll(event) {
        if (scrollStartSWTM != -1){
            var document = window.content.document;
            if(document.body instanceof HTMLFrameSetElement) {
                document = window.content.frames[0].document; } 
            var factor = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight) / window.content.innerHeight;			
            var delta = speed*factor*(event.screenY - scrollStartSWTM);
            document.body.scrollTop += delta;
            document.documentElement.scrollTop += delta;
        }
        scrollStartSWTM = event.screenY;
    }

    function startScroll() {
	    if(!scrollMode){
        scrollMode = 1;
        window.addEventListener('mousemove', mouseScroll, true)}}	
    function stopScroll() {
        if(scrollMode){
		scrollMode = 0;
        scrollStartSWTM = -1;
        window.removeEventListener('mousemove', mouseScroll, true)}}
		
	var content=document.getElementById("content")
    content.addEventListener("mousemove", function(e)  {		              				
            if (e.clientX > window.content.document.documentElement.clientWidth){startScroll();}
			},false);
	content.addEventListener("mouseout", function(e) {stopScroll();},false);
})();
lovingbeast
小狐狸
小狐狸
  • UID31298
  • 注册日期2009-12-05
  • 最后登录2014-08-31
  • 发帖数9
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
2楼#
发布于:2011-12-10 11:18
卸载stylish很久了,滚动条的CSS也很久没用到过了,刚刚突然心血来潮想改变各滚动条看看,也发现无效了...
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2019-10-17
  • 发帖数2681
  • 经验491枚
  • 威望1点
  • 贡献值116点
  • 好评度83点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2011-12-10 11:18
滚动条修改的代码放到stylish里才能生效。
云南妈妈网
火狐狸
火狐狸
  • UID37460
  • 注册日期2011-09-30
  • 最后登录2018-11-25
  • 发帖数128
  • 经验58枚
  • 威望0点
  • 贡献值66点
  • 好评度0点
4楼#
发布于:2011-12-10 11:18
不知道能不能不在stylish里面使用的css代码呢?
用UserCSSLoader加载的呢?
tset0000
小狐狸
小狐狸
  • UID31893
  • 注册日期2010-01-31
  • 最后登录2017-02-25
  • 发帖数43
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
5楼#
发布于:2011-12-10 11:18
/* ===== scrollbars.css ==============================================
  == 自定义滚动条样式
  == author : zbinlin
  == blog   : http://www.czcp.co.cc/
  == version: 0.0.2.20110630
  ======================================================================= */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */

/* ::::: scrollbar ::::: */

scrollbar {
    -moz-appearance: none !important;
    border-radius: 0px;
    background: rgba(203, 226, 251, 0.5);
    width: 12px !important;
    min-width: 12px !important;
}
scrollbar[orient="horizontal"] {
    height: 12px;
    min-height: 12px !important;
}


/* ::::: borders for thumb and buttons ::::: */

scrollbar thumb {
    -moz-appearance: none !important;
    background: rgba(168, 204, 242, 0.5);
    border-style: none;
    border-width: 0;
    border-radius: 0px;
    min-height: 24px;
}

scrollbar thumb[orient="horizontal"] {
    min-width: 24px;
}

scrollbar thumb:hover {
    background: rgba(168, 204, 242, 0.8);
}
scrollbar thumb:active, scrollbar thumb[active="true"] {
    background: rgba(168, 204, 242, 1);
}


/* ::::: scrollbar button ::::: */

scrollbar scrollbarbutton {
    display: none !important;
    visibility: collapse !important
}


/* ::::: square at the corner of two scrollbars ::::: */

scrollcorner {
    display: none !important;
}


我就这个.你试试
taglife
千年狐狸
千年狐狸
  • UID38488
  • 注册日期2012-03-20
  • 最后登录2013-04-02
  • 发帖数2052
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
6楼#
发布于:2011-12-10 11:18
alanfly:滚动条修改的代码放到stylish里才能生效。回到原帖

為什麼 userChrome.css 不行阿?
那是 userContent.css 嗎?
Firefox 開啟安全模式,停用個人設定、佈景主題及擴充套件(無附加元件)測試:
說明 > 重新啟動但停用附加元件(Firefox 4+)
Firefox Profile: 說明 > 疑難排解資訊 > 開啟資料夾
排版引擎:Firefox(Gecko), Opera(Presto), Google Chrome(WebKit),
Safari(WebKit), Internet Explorer(Trident), Konqueror(KHTML)
jtxd
小狐狸
小狐狸
  • UID39344
  • 注册日期2013-04-02
  • 最后登录2013-04-14
  • 发帖数2
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
7楼#
发布于:2011-12-10 11:18
装扩展NewScrollbars可以定制...
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2017-11-30
  • 发帖数157
  • 经验94枚
  • 威望0点
  • 贡献值86点
  • 好评度4点
  • 社区居民
  • 忠实会员
8楼#
发布于:2011-12-10 11:18
我也希望userChrome.css可以修改滚动条的颜色
win8中,滚动条颜色特别浅,有时候看不清楚
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2019-08-30
  • 发帖数119
  • 经验95枚
  • 威望0点
  • 贡献值102点
  • 好评度2点
  • 社区居民
  • 忠实会员
9楼#
发布于:2011-12-10 11:18
我只想去掉上下箭头,userChrome.css 能不能做到?
界面和网页都想去掉。
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2019-10-16
  • 发帖数18359
  • 经验4709枚
  • 威望5点
  • 贡献值4284点
  • 好评度1056点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
10楼#
发布于:2011-12-10 11:18
fire/fox:我只想去掉上下箭头,userChrome.css 能不能做到?
界面和网页都想去掉。
回到原帖

http://userstyles.org/styles/25540/remo ... ar-buttons
Firefox More than meets your experience
游客

返回顶部