antd4里table滚动如何实现


本篇内容主要讲解“antd4里table滚动如何实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“antd4里table滚动如何实现”吧!首先antd4的table的底层实现是rc-table,就从rc-table来看看。场景:Table内容区域大于容器Table宽度,并且Table设置了scrollX,Header、Footer都有, 才关注同频滚动那么是如何实现的?监听onScroll方法获取到滚动条向左的滚动的距离scrollLeft;同时给三个dom设置scrollLeft先看一般的onScroll实现监听onScroll获取scrollLeft设置header、footer、tableBody的scrollLeft下面是伪代码哈源码里onScroll的实现对比两个的实现,可以看到rc-table里的实现多了一个入参scrollLeft和一个if判断;
为什么多了一个入参、一个判断?继续往下看?用组件FixedHolder实现,给FixedHolder绑定ref;监听的免费云主机域名是onWheel, 不是onScroll;为什么监听onWheel不是onScroll?不要将 onscroll 与 onwheel混淆。onwheel 是鼠标滚轮旋转,而 onscroll 处理的是对象内部内容区的滚动事件。
当dom满足下面任意一条的时候,不会触发onScroll;overflow:hidden滚动条不存在FixHolder组件设置了样式overflow:hidden;

相关推荐: node.js如何实现手机号验证码登录功能

本篇内容介绍了“node.js如何实现手机号验证码登录功能”的有关知识,在实际案例免费云主机域名的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!第二步 拿到自己的ACCOUNT_SID、…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/17 18:13
下一篇 05/17 18:13

相关推荐