React antd getPopupContainer

前言：當頁面足夠長出現(xiàn)滾動條時，這是恰巧使用了antd的select，當我們選擇select的option時。此時select的option是全部暴露在外面的，這時又恰巧來了一次頁面滑動，你會發(fā)現(xiàn)一個很神奇的事情那就是select的option彈窗會脫離select所在的位置，這是因為默認select的彈窗層默認在body層。

如何讓option的彈出層始終跟隨select?

使用select的api getPopupContainer屬性，意思是改變彈出層的父級，我們將其添加為getPopupContainer={(triggerNode) => triggerNode.parentNode}這樣就可以隨著頁面的滑動始終跟著select移動

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容