1

在使用Ant Design Vue的时候,发现 <a-select> 组件如果用在局部滚动的地方,滚动鼠标滚轴的时候,select的下拉内容会脱离滚动内容,不跟随滚动,问题示意如下图:
微信图片_20200121112914.png

画红框的内容是‘使用场景’的下拉内容,但是鼠标滚动时却没有跟随‘使用场景’下拉框滚动,解决这一问题的方法,就是在 <a-select> 组件添加 getPopupContaine 属性,具体如下:

<a-select
    :getPopupContainer="
    triggerNode => {
      return triggerNode.parentNode || document.body;
    }"
>

ok,希望对遇到同样问题的同学有帮助,祝大家春节快乐!


胡岗
554 声望27 粉丝

一切有为法 如梦幻泡影