分类: 电脑/网络 >> 百度 >> 百度空间
问题描述:
我虽然看到过许多CSS代码，但是我怎么就是不成功。有看到过一大堆一达堆的代码，什么有情连接滚动轴代码啊，什么最新评论滚动轴代码啊，我就直接把代码粘贴在CSS代码设置中了，可是怎么不起效果啊~~那为高手能够再详细一点说明，我是很笨的啊~~
解析:
#m_links{overflow-y:auto;height:250px}
不过，加一些参数可以让滚动条更有个性，和页面搭配得更完美。下面就是我的页面各种滚动条的详细代码，大家可以参照着修改：
文章列表的滚动条：
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1194px;
filter: chroma(color=#E100E1);} /文章列表的滚动条/
友情链接的滚动条：
#m_links{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:823px;
filter: chroma(color=#E100E1);} /友情链接的滚动条/
文章分类的滚动条：
#m_artclg{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:250px;
filter: chroma(color=#E100E1);} /文章分类的滚动条/
最新评论的滚动条：
#m_ment{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:458px;
filter: chroma(color=#E100E1);} /最新评论的滚动条/
参数说明：
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 设置或检索滚动条基准颜色
hibaidu/wangyuezu 不懂的话来这里问我 我这里还有很多CSS
<style>
b{
width:400px;
height:300px;
background-color:#CC0;
overflow-y:scroll;
}
</style>
<body>
<div class="b" id="b">子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单<br>子菜单</div>
</body>
<script>
var w = documentgetElementById("b");
wonscroll=function(e)
{
consolelog(wscrollTop);
}
</script>
以上代码测试通过
Jquery可以用height(),来获取DOM元素的高。示例如下：
<script src=">一、轴承属于标准件，可以查相应的标准或者手册。
GB-T 305-1998 滚动轴承 外圈上的止动槽和止动环尺寸和公差
GB-T 308-2002 滚动轴承 钢球
GB-T 309-2000 滚动轴承 滚针
GB-T 4661-2002 滚动轴承 圆柱滚子
GB-T 4662-2003 滚动轴承 额定静载荷
GB-T 6391-2003滚动轴承 额定动载荷和额定寿命
JB-T 3034-1993 滚动轴承 油封防锈包装
JB-T 3573-2004 滚动轴承 径向游隙的测量方法
JB-T 6639-2004 滚动轴承零件 骨架式丁腈橡胶密封圈技术条件
JB-T 6641-2007 滚动轴承 残磁及其评定方法
JB-T 6642-2004 滚动轴承零件 圆度和波纹度误差测量及评定方法
JB-T 7048-2002 滚动轴承零件 工程塑料保持架
JB-T 7050-2005 滚动轴承 清洁度评定方法
JB-T 7051-2006 滚动轴承零件 表面粗糙度测量和评定方法
JB-T 7361-2007 滚动轴承 零件硬度试验方法
JB-T 7752-2005 滚动轴承密封深沟球轴承技术条件
JB-T 8196-1996 滚动轴承 滚动体残磁及其评定方法
JB-T 8571-1997 滚动轴承 密封深沟球轴承 防尘、漏脂、温升性能试验规程
JB-T 8921-1999 滚动轴承 及其零件检验规则
JB-T 10336-2002 滚动轴承及其零件补充技术条件
JB-T 50013-2000 滚动轴承 寿命及可靠性试验规程
JB-T 50093-1997 滚动轴承 寿命及可靠性试验评定方法
二、滚动轴承（rollingbearing）是将运转的轴与轴座之间的滑动摩擦变为滚动摩擦，从而减少摩擦损失的一种精密的机械元件。滚动轴承一般由内圈、外圈、滚动体和保持架四部分组成，内圈的作用是与轴相配合并与轴一起旋转；外圈作用是与轴承座相配合，起支撑作用；滚动体是借助于保持架均匀的将滚动体分布在内圈和外圈之间，其形状大小和数量直接影响着滚动轴承的使用性能和寿命；保持架能使滚动体均匀分布，防止滚动体脱落，引导滚动体旋转起润滑作用。
<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> </DIV>
<BUTTON onclick="alert(oDivclientHeight)">client height</BUTTON>
<BUTTON onclick="alert(oDivoffsetHeight)">offset heightY</BUTTON>
这段代码你应该看得懂，这里你要搞清楚四个属性：
clientHeight：获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。
clientWidth：获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。
offsetHeight：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
offsetWidth：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
详细的属性请参阅Dhtml手册
这个jquery应该可以娶到的。给你一个实例，注意自己添加jquery文件哈
<script language='javascript'>$(function(){
$("#adds")click(function(){
$("#xx")append("<h2>添加内容</h2>");
});
$("#geth")click(function(){
vh=$("#xx")height();
$("#xx")prepend("<h2>我的高度为："+vh+"</h2>")
});
});
</script>
<div style="width:200px; height:200px; display:block; overflow-y:scroll">
<div id="xx">
sdfsdfs
sdfsdf
sdfsdf
</div>
</div>
<a href="javascript:;" id="adds">点击给XX里面添加内容</a>
<a href="javascript:;" id="geth">点击获取xx的高度</a>
var scrollTop = documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;
以上就是关于百度空间的滚动轴怎么弄啊~~~全部的内容，包括:百度空间的滚动轴怎么弄啊~~~、实时获取div滚动条滚动距离、jquery如何获取DIV包含滚动条在内的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）