Dansion's 日志

花了几天时间用js实现模拟滚动条，支持圆角

兼容性: IE6/7/8/ 通过测试
Firefox3/Opera10/ 非文本输入不支持鼠标滚动
Chrome2/Safari4/ 不支持鼠标滚动
文件下载：dscroll.js (右健另存为)   实例

DScroller(id,w);
实例参数：
id:dom对象的id号，不可省略.
w:滚动条的宽度,默认15px,可省略。支持圆角，所以滚动按扭最小高度为w*2

方法：
append();
refresh();//重绘滚动
width();
height();
scrollTo(n); n为0-100

属性：(皆为dom节点)
panel;
content;
scroller;

dom结构变化：
原DOM对象：
<div class=”classA”>内容</div>

调用js方法之后：
<div class=”classA”>
    <div>内容</div>
    <div class=”scroller”>
        <div class=”scrollBar”>
            <div class=”top”></div>
            <div class=”end”></div>
        </div>
    </div>
</div>

Tags: js

This entry was posted on 星期四, 七月 2nd, 2009 at 15:28 and is filed under Javascript, 其它. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.