投稿
  1. 极客之音首页
  2. 技术随笔

vue用el-scrollbar替换原生滚动条且不干扰其它style

飞熊 • • 技术随笔 • 阅读 425

梦想不抛弃苦心追求的人，只要不停止追求，你们会沐浴在梦想的光辉之中。再美好的梦想与目标，再完美的计划和方案，如果不能尽快在行动中落实，最终只能是纸上谈兵，空想一番。只要瞄准了大方向，坚持不懈地做下去，才能够扫除挡在梦想前面的障碍，实现美好的人生蓝图。vue用el-scrollbar替换原生滚动条且不干扰其它style，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com，来源：原文

一、el-scrollbar

1、用el-scrollbar包裹目标div
2、为目标div设置class，如class=“test-class”
3、全局样式：

  .test-class .el-scrollbar__wrap {
    overflow: scroll;
    width: 111%;
    height: 120%;
  }

二、单纯用css改写默认滚动条

用CSS修改滚动条

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/153532.html

赞 (0)
飞熊的头像飞熊bm
0 0

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站，欢迎收藏到浏览器，订阅我们！