antd selsect 的 option 选项随页面滚动，或被遮挡解决办法

我就是我 2022-04-01 02:37 438阅读 0赞

官方地址([https://ant.design/components/select-cn/][https_ant.design_components_select-cn])  
![在这里插入图片描述][20181228184552917.png]

演示地址([https://codesandbox.io/s/4j168r7jw0][https_codesandbox.io_s_4j168r7jw0]) 这个地址有点慢

<div style={
       { padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area">
          <h4>可滚动的区域 / scrollable area</h4>
          <Select
            defaultValue="lucy"
            style={
       { width: 120 }}
            getPopupContainer={() => document.getElementById('area')}
          >
            <Option value="jack">Jack</Option>
            <Option value="lucy">Lucy</Option>
            <Option value="yiminghe">yiminghe</Option>
          </Select>
        </div>

感谢网友 [流云家的梦溪][Link 1] 的贡献

getPopupContainer={triggerNode => triggerNode.parentNode}

[https_ant.design_components_select-cn]: https://ant.design/components/select-cn/
[20181228184552917.png]: /images/20220401/28eb47dae4d74265af966bb1ae97d549.png
[https_codesandbox.io_s_4j168r7jw0]: https://codesandbox.io/s/4j168r7jw0
[Link 1]: https://blog.csdn.net/qq_38054239/article/details/82777654

发表评论取消回复

表情：

评论列表（有 0 条评论，438人围观）

还没有评论，来说两句吧...

相关阅读

相关解决输入框被键盘弹起遮挡问题

方案一，通过window的onresize事件，监听窗口变化进行处理 var clientHeight = document.body.clientHeight;

╰+攻爆jí腚メ/ 2022年12月10日 15:00/ 0 赞/ 237 阅读

相关 cmake：option选项

提供用户可以选择的选项。 option(<option_variable> "help string describing option" [i

系统管理员/ 2022年11月14日 14:50/ 0 赞/ 196 阅读

相关 html不随页面滚动条滚动,css如何让元素不随滚动条滚动？

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置，无论如何滚动滚动条，位置不变。那么如何让元素不随滚动条滚动？下面给大家介绍一下方法。有一定的参考价值，有需要的朋友可

偏执的太偏执、/ 2022年10月06日 00:58/ 0 赞/ 546 阅读

相关 ant design 中 select的option 随页面滚动条滚动的bug问题

原代码(有bug代码)： <Select defaultValue="lucy" style={ { width: 120 }} onChange=

不念不忘少年蓝@/ 2022年09月11日 08:19/ 0 赞/ 108 阅读

相关 GLSurfaceView 不被遮挡住

`这三行代码是为了正方形背景透明：` `_glSurfaceView.setEGLConfigChooser(` `8` `,` `8` `,` `8` `,` `8` `,

﹏ヽ暗。殇╰゛Y/ 2022年06月17日 06:26/ 0 赞/ 183 阅读

相关绝对定位元素随滚动条滑动无延时不闪烁的解决办法!

<!DOCTYPE html> <html> <head> <meta name="Author" content="whidy"> <

末蓝、/ 2022年06月13日 05:15/ 0 赞/ 167 阅读

相关 Scala Option(选项)

Scala Option(选项) Scala Option(选项)类型表示一个值得可选的(有值或者无值)。 Option\[T\] 是一个类型为T的可选值得容器：如果值

以你之姓@/ 2022年06月08日 00:44/ 0 赞/ 212 阅读

相关 ios h5页面滚动卡顿的解决办法

开发微信公众号网页的时候发觉iOS系统滑动页面的时候会特别卡顿，但是安卓就比较流畅。网上搜索发觉有这个css属性可以设置iOS滑动不卡顿 `-webkit-ov

今天药忘吃喽~/ 2022年04月11日 08:50/ 0 赞/ 883 阅读

相关 antd selsect 的 option 选项随页面滚动，或被遮挡解决办法

官方地址([https://ant.design/components/select-cn/][https_ant.design_components_select-cn])

我就是我/ 2022年04月01日 02:37/ 0 赞/ 439 阅读

相关安卓Android系统，H5页面键盘弹出后，页面挤压变形或者底部输入框被遮挡的解决办法

键盘弹出挤压页面至变形如下页面，背景图片height: 100%; 底部输入框部分用position:absolute定位，当键盘弹出时，页面整体被挤压； ![在这

清疚/ 2021年11月04日 18:54/ 0 赞/ 1894 阅读