问题描述
我们在满足需要操作吸顶的需求,通常会用到a-affix。这个antd组件可以很方便的满足我们的需求。只要在需要吸顶的部分使用这个组件,并指定容器(详见antd文档=>api=>target)就可以正常使用。但是组件有点小bug,这个bug还蛮容易复现的。我们在切换页面时,会发现affix组件溢出了原容器。官方对此的回答:
发现问题解决方案
这个时候可以发现,当页面开始滚动,则溢出的部分就会恢复正常
解决问题代码
结合上面的想法,我们在页面active的时候,把容器滚动1
document.querySelector("#main").scrollTop = 1;
(虽然不是什么好办法,但是目前看来可以解决问题,希望大家有好办法可以留言,我们一起学习进步~