css代码怎样改变火狐浏览器中滚动条样式
在css设置可改变大小的div滚动条样式方法:
1.首先新建html文档,进入代码书写界面。
2.在和的里面写入代码,在里面写入想要输入的内容。
3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后,就可以查看效果,效果如下红框所示,滚动条设置完成。
这种情况一般都得使用hack来保持兼容。
火狐下的代码如下:
@-moz-document url-prefix(http://),url-prefix(https://) {
/* 滚动条颜色 */
scrollbar {
-moz-appearance: none !important;
background: rgb(0,255,0) !important;
}
/* 滚动条按钮颜色 */
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0,0,255) !important;
}
/* 鼠标悬停时按钮颜色 */
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255,0,0) !important;
}
/* 隐藏上下箭头 */
scrollbarbutton {
display: none !important;
}
/* 纵向滚动条宽度 */
scrollbar[orient="vertical"] {
min-width: 15px !important;
}
}
1. Windows:全屏窗口滚动插件
该插件可以很好地实现全屏滚动,每滚动一次即为一屏。比如,用户浏览下一屏幕内容时,只需手动滚动到某一位置,该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。
2. Jquery Scroll Follow:滚动跟随插件
该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。
3. 列表滚动插件
该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。
4. Sly:灵活的基于ITEM的滚动插件
SLY提供了很多基于项目(如图像/内容画廊)的滚动选项,支持水平和垂直方向的无限滚动。
5. Coverscroll
仿苹果的CoverFlow设计,支持滚动条、鼠标滚轮和手势来滚动查看。
6. Sticky
该插件可以让你的页面中的任何元素在滚动过程中始终可见
7. Tiny Scrollbar:一个轻量级的JQUERY插件
8. Sticky Float:另一个滚动跟随插件
9. Page Scroller:漂亮实用的滚动导航
10. Custom Srollbar:自定义内容滚动条插件
11. Scroll Up:一个轻量级的滚动到顶部插件
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色
scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色
scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整
<style>
.over
{
height: 20px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
</style>
<div class="over">
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
sdfsdfsdf<p>
</div>
@-moz-document url-prefix(http://),
url-prefix(https://),
url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */
scrollbar *
scrollbar scrollbarbutton { display: none ! important; }
scrollbar scrollbarbutton { visibility: collapse !important }
scrollbar[orient="vertical"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-width: 9px !important;
max-width: 9px !important;
}
/*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px */
/*Default vertical scrollbar width is 17px */
scrollbar[orient="vertical"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-width: 9px !important;
max-width: 9px !important;
}
/************************************************************************/
/* button you drag down the strip */
scrollbar thumb[orient="vertical"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
border-radius: 4px !important;
min-width: 8px !important;
max-width: 8px !important;
border: 1px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="vertical"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
border-radius: 4px !important;
border: 0px !important;
}
/***************************************************************************/
/*////////////////////////////////////////////////////////////////////////////*/
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES */
/*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/
scrollbar[orient="horizontal"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-height: 9px !important;
max-height: 9px !important;
}
/*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px */
/* Default horizontal height is 17px */
scrollbar[orient="horizontal"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-height: 9px !important;
max-height: 9px !important;
}
/*////////////////////// bar /////////////////////////////////////////*/
/* button you drag down the strip */
scrollbar thumb[orient="horizontal"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
border-radius: 4px !important;
min-height: 8px !important;
max-height: 8px !important;
border: 1px !important;
margin-left: 0px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="horizontal"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
border-radius: 4px !important;
border: 0px !important;
}
/*///////////////////////////////////////////////////////////////////*/
/* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}
}
关于SS的制造火焰石的2个疑问
1 有效果,不过您认为有意义么。。您会用武器去敲怪么?那个效果主要是增加火焰伤害,就是使你的献祭、烧尽、灼热之痛、灵魂之火、地狱烈炎、火焰雨这么几个火焰伤害技能的伤害增加一些。2火焰石在进入70后就没有制造的必要了,加的火焰伤害几乎可以靠魔杖顶掉。法术石是PVP JP,BS下楼上的,法术石...
魔兽世界SS怎么加点火焰伤害,强悍点。杀怪快,火焰之雨伤害高?_百度知 ...
现在公认的SS最佳天赋就是鬼火流,快点使用吧,这个是61点天赋的最佳点法,开了80级这个天赋就费了 http:\/\/www.wowchina.com\/info\/talents\/warlock.shtml?005000000000000000000000000003000000000000000000000000005033205220031051035031351 带小鬼(搞个小鬼雕文) 输出方式 腐蚀术(最好搞个腐蚀雕文和BT声望的饰品 ...
SS的常用宏。
show 诅咒增幅 \/cast 诅咒增幅 \/stopcasting \/cast 疲劳诅咒 增幅疲劳诅咒宏。二、N开“?”(官方蓝贴给出的变形版)show 饰品名称 \/cast 13 \/stopcasting \/cast 诅咒增幅 \/stopcasting \/cast 痛苦诅咒 使用上方饰品+增幅然后用痛苦诅咒。使用时记得把饰品名称改一下。三、#¥……%(官方蓝贴给出的...
求一完美国际火柴人代码
找到最下面的[Body],这里是你的身体HOHO看过第一个视频的,现在知道了吧,还是改这个参数,注意:最大255大于255后后果不是很严重,但是容易造成数据过大,上次就有个朋友把点卡改没了,但是请放心,这里不会。然后看到[Body]下有10个参数, BODYID是你身体的类型,比如SS的0就是老虎,3是熊猫,1...
SS有没有类似FS爆炎术的技能,就是发出一个大大的火球
灵魂之火 (等级 1)需求等级:48 前制条件: 302法力值30码距离 6秒施法时间1分钟冷却时间 材料:灵魂碎片 燃烧敌人的灵魂,对其造成623到783点火焰伤害。灵魂之火 (等级 2)需求等级:56 前制条件: 灵魂之火 (等级 1) 332法力值30码距离 6秒施法时间1分钟冷却时间 材料:灵魂碎片 燃烧敌人的...
我要3.0后牺牲毁灭SS的详细改动,暗毁和火毁
• 地狱火:冷却时间从1小时缩短为15分钟。持续时间从5分钟缩短为1分钟。生命值提高30%,伤害提高60%,护甲值提高30%。• 地狱火现在召唤的地狱火只能持续1分钟。• 小鬼:生命值增加20%,护甲增加16%,法力回复增加200%。• 强化虚弱诅咒(痛苦系)现在为“脆弱” - 使你...
自由幻想SS的盾怎么加 火要家满吗?冰加多少?CK怎么升级快?
要是技术可以的话 加满火盾,刷怪快,技术不太行的就加满冰吧 毕竟有效地生存才能进攻敌人,CK1-25慢慢练吧 25以后试炼就快的组个爆破队 升到32,技术行的话找个药师单刷 吥行的话,去刷修罗殿的鬼魂 直到38 然后去组个JK刷天泉,开双加元神,1小时就可以40了 很爽的,一直刷到46,然后可以...
魔兽恶魔ss输出手法中为什么触发熔火之心BUFF时,不用暗影箭而改用烧尽...
主要是这个时候 烧尽的施法时间 减少30% 而且烧尽和暗影箭同样享受 灾变天赋的加成 这个时候烧尽的dps收益就比暗影箭高了
QQ自由幻想SS技能火系掌握和后期的红莲之魂是怎么再加火系的攻击的
加了火系掌握5点满增加百分之20火攻,再加红莲之魂1级百分之4 总共是百分之24 没有其他什么加成 本人现在67SS 加点可以给你点建议 :冰系掌握不加 燃烧强化不加 冰封强化不加 都没什么效果 不实用的战斗技能 主修技能看附图 辅助技能简单:集中5点:增加冰火盾 释能 冰封等技能时间(比如不用...
魔兽世界怎么设置宏命令,我是SS,多少级设置?
使用饰品(第二个饰品用代码)showtooltip 13 show 13 \/use 13 选则宏图标时,一定要选择"问号"标志, 当你更换物品时, 会自动更换显示当前饰品的图标和冷却时间.阿拉西战场呼叫支援 \/script SendChatMessage("<<"..GetMinimapZoneText()..">> 需要支援~!", "BATTLEGROUND",,"CHANNEL")读取当前小地图...
薛富清咽: 火狐里好像不行
滨湖区18453137959: 如何用css控制浏览器滚动条 - ?
薛富清咽: div { scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #6c6c90; scrollbar-shadow-color: #fcfcfc; scrollbar-3dlight-color: #fcfcfc; scrollbar-arrow-color: #240024; scrollbar-track-color: #fcfcfc; scrollbar-darkshadow-color: #48486c; scrollbar-base-color...
滨湖区18453137959: 在火狐浏览器中怎样使固定区域内的内容如果超过高度时能有滚动条? - ?
薛富清咽: <style> .over { height: 20px; overflow: scroll; overflow-x: hidden; overflow-y: auto; } </style> <div class="over"> sdfsdfsdf<p> sdfsdfsdf<p> sdfsdfsdf<p> sdfsdfsdf<p> </div>
滨湖区18453137959: CSS marquee滚动 长宽怎么设置代码 - ?
薛富清咽: 参数 direction 表示滚动的方向,值可以是left,right,up,down,默认为left <br>behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动) <br>loop 表示循环的次数,值是正整数,默认为无限循环 <br>...
滨湖区18453137959: 在火狐浏览器中怎样使固定区域内的内容如果超过高度时能有滚动条? - ?
薛富清咽: }sdfsdfsdfoverflow-x;div class="over"
滨湖区18453137959: css设置下拉滚动条的颜色 在火狐里面不识别 怎么办 - ?
薛富清咽: 火狐就不能使用.其实网站说的把body换成html的意思是: ie8这种标准浏览器吧
滨湖区18453137959: 在火狐浏览器中怎样使固定区域内的内容如果超过高度时能有滚动条??
薛富清咽: <style> .over { height: 20px; overflow: scroll; overflow-x: hidden; overflow-y: auto; } </style> <div class="over"> sdfsdfsdf<p> sdfsdfsdf<p> sdfsdfsdf<p> sdfsdfsdf<p> </div>
滨湖区18453137959: 怎样调用css页面滚动条 - ?
薛富清咽: 你想哪个div里的内容实现滚动, 你可以在这个div的css里,添加overflow: auto; 意思就是,溢出就自动添加滚动条进行滚动.试试吧.
滨湖区18453137959: 如何用CSS设置滚动条颜色? - ?
薛富清咽: 我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 页面滚动条代码及其解释如下: scrollbar-3d-light-color 设置或...
滨湖区18453137959: 页面弹出框中的滚动条 在火狐中有显示和IE下没有显示, 怎么让IE下也显示滚动条呢? - ?
薛富清咽: 显示面积的问题吧.可能在IE中100%显示了,在火狐中只能显示70%的内容,所以火狐有滚动条了.可以按住Ctrl+滚轮前后滚动对页面进行放大缩小的操作,放大了滚动条可能就会出来了.