波斯码BOSSMA Information Technology

Javascript模拟滚动条

发布时间:2010年5月11日 / 分类:JavaScript / 次浏览 / 评论

如果你想自定义你的滚动条样式,以前的方法是设置scrollbar样式,如:

scrollbar-arrow-color: #CAAAAA;  /*三角箭头的颜色*/

但是好像只有IE支持,兼容性不好。

推荐另外一种办法,通过javascript模拟滚动条的样式和事件,兼容IE和firefox,其他浏览器未测试。

这个例子来源于网络,我做了一些修改,实现了鼠标拖动、鼠标滚动、点击拖动,需要看原文的点这两个链接:

http://www.eb163.com/club/thread-5653-1-1.html

http://www.aspxhome.com/download/javascript/200911/1137621.htm

我用到了jquery,没有的需要下载一个。

上代码:

需要代码的朋友,点击这里下载例子。有问题,欢迎与我交流。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自波斯码,原文地址《Javascript模拟滚动条

关键字:

建议订阅本站,及时阅读最新文章!
【上一篇】 【下一篇】

目前有4 条评论

  1. 流落幸福 地板:

    为什么只能使用你提供的jQuery.js库,使用其他版本的就会出问题,鼠标不能正常滚动???

  2. bossma 板凳:

    @ling
    可以的,我在左边放了一个树型菜单,可以触发click事件。可以把你的例子发给我看看。

  3. ling 沙发:

    好像左侧的主要内容写click事件没有用

发表评论