在使用Ant Design Vue的時候,發現 <a-select>
組件若是用在局部滾動的地方,滾動鼠標滾軸的時候,select的下拉內容會脫離滾動內容,不跟隨滾動,問題示意以下圖:
微信
畫紅框的內容是‘使用場景’的下拉內容,可是鼠標滾動時卻沒有跟隨‘使用場景’下拉框滾動,解決這一問題的方法,就是在 <a-select>
組件添加 getPopupContaine
屬性,具體以下:spa
<a-select :getPopupContainer=" triggerNode => { return triggerNode.parentNode || document.body; }" >
ok,但願對遇到一樣問題的同窗有幫助,祝你們春節快樂!code