css设置滚动条滑块尺寸(css tbody滚动条)
怎样用css定义滚动条的宽度啊
不行的,css做不到,css只支持改下滚动条颜色什么的,而且好像只有ie支持(貌似wk的浏览器也有改滚动条颜色的专用样式,我不确定,只是有印象见哪里说过)。
要改宽度,你只能用css隐藏掉默认滚动条,然后用javascript来模拟滚动条,那个你话样子的想怎么改都怎么改。
百度:js模拟滚动条、jq模拟滚动条,之类的关键词。
如何用css改变滚动条的大小
/* 设置滚动条的样式 */::-webkit-scrollbar { width: 12px;}
/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}
css中怎样设置滚动滑块大于滚动条?
首先overflow:scoll的意思是当页面内容超出一屏(或者你给body设置的宽度)时显示滚动条的意思。
当没有超出时,当然只有X和Y的轴。
问题出在,背景图片不能设置大小。HTML不会计算出背景图片的大小,这和直接插入的图片是有区别的。
解决办法
1.把body的宽度和高度,和图片真实大小设置为一致。
2.就像你说的body里包的一个div,你给那个div设置的宽度和高度和图片一致即可。
另外题外补充,overflow还有两个其它参数。只显示Y轴或者X轴。不会overflow的使用在IE和FF中是有明显差异的。
如果仍没解决,百度Hi或者站内消息可以找到我
DIV滚动条什么设置滑块的大小及滑道的宽度?
这种需求写css即可,滚动条也有样式的,其名称为::-webkit-scrollbar、::-webkit-scrollbar-thumb、::-webkit-scrollbar-corner等。
-----------------------------------------------------------------------------
题外话,模拟计算滑块的属性。
var thumb_height = $(window).height()/document.body.clientHeight*$(window).height();
var thumb_top = document.body.scrollTop/document.body.clientHeight*$(window).height();
对应滑块的height和top样式。
怎样设置滚动“条”的宽,用css样式。 求高人指点!
多给点分
滚动条和div一样有自己的属性
height:10px;
====================
1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容;overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。
参数:
visible:扩大面积以显示所有内容
auto:仅当内容超出限定值时添加滚动条
hidden:总是隐藏滚动条
scroll:总是显示滚动条
2、height : 设置滚动条的高度(修改其后数值即可)。
3、滚动条颜色参数设置:
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 设置或检索滚动条基准颜色