React 引用 ant 组件 使用 react-custom-scrollbars美化(隐藏)滚动条

本文介绍如何在React项目中引入antUI组件并使用react-custom-scrollbars库来美化滚动条,通过安装依赖、导入模块并在需要滚动的区域包裹Scrollbars组件,实现滚动条的隐形效果。

React 引用 ant UI组件 如何美化(隐藏)滚动条

React 引用 ant UI组件 设置overflow-y: auto; 滚动条非常突兀,为了页面效果,一定要美化
–美化前

在这里插入图片描述

首先:

安装一个依赖:yarn add react-custom-scrollbars

然后:

导入模块:import { Scrollbars } from ‘react-custom-scrollbars’

最后:

在你需要滚动的地方用< Scrollbars ></ Scrollbars >包起来

–这就是滚动条美化后的样子,是不是看不出来滚动条的存在

在这里插入图片描述

PS:觉得有用的点点赞哈…
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值