当前位置: 首页 > Web前端 > CSS

在AntDesign列表列表中添加滑动框功能

时间:2023-03-30 17:35:22 CSS

说明:最近用AntDesign框架写项目,遇到一个小问题。list列表会加载很多数据。需要查看固定区域的所有列表数据。需求:给list列表添加一个滑动框,开始阅读官网的例子。它更复杂。list结合react-infinite-scroller实现列表的滚动和自动加载。然后试了一下,按照介绍安装了react-infinite-scroller框架。但是最后并没有做出想要的效果。。。终于有朋友给我介绍了一个很简单的方法。给整个列表添加样式是可以的。。第一步:先设置一个固定的高度,比如height:370px第二步:设置滑动框:overflow-y:'scroll'关于overflow-y我也查了它的usagethis有时候页面会是这样的:列表的底部和右边会出现一个滑动框,但是需求是滑动框只需要出现在右边,所以增加了一个新的属性:overflow-x:'hidden'给滚动框留一点位置,给整个列表加一个padding:6px最终效果如下:第一次写文章。好吧,我以后会养成遇到问题记下来的好习惯。