开发者社区> 问答> 正文

如何美化滚动条,做到可以模拟原生的滚动条啊?

我有一个很长的列表被定在高为300的像素div中.
效果要滚动,overflow-y:auto, 不过样子很丑。

我就想弄一个div模拟原生的滚动条.盖在上面.

如果是这样的话啊,这个滚动条的长度要怎么计算(这个长度是那个移动的小方块)? 在不同的高度下长度是不一样的.

还有position:absolute好像不能定位到原生的滚动条上遮盖不到.

展开
收起
杨冬芳 2016-06-17 11:55:59 1863 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista
    <div class='outer' style='height:300px;overflow:hidden'>
        <div class='inner' style='height:1200px'></div>
    </div>

    首先, 外层overflow设置成hidden吧,内层的随意。
    至于高度,如果你用jQuery的话,大概就是去取那个内层div的高度。$("xxx").height()就成了。不是jQuery的话,好像clientHeight?我不确定……

    2019-07-17 19:42:28
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
渐进式动画解决方案 立即下载
渐进式动画解决方案 立即下载
3D动画的菜谱式灯光与云渲染 立即下载