当前位置:编程学习 > JS >>

不使用jquery 让滚动条居中

不使用jquery 让滚动条居中,注意,不支持中文,里面如果是中文的话,可能会导致计算有误,不会出现滚动条哦。
答案:<title>滚动条居中</title>
<div id="tr" style="overflow-x:scroll;width:200;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</div>
<script>
function $(id){return document.getElementById(id)}
var k=parseInt($("tr").style.width);
var m=$("tr").scrollWidth;
$("tr").scrollLeft=(m-k)/2
</script>

上一个:纯CSS实现圆角、可拖动的一个DIV模块层
下一个:CSS 水平自适应

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,