ant-Design------select的option 随页面滚动的问题

菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。示例

<div style={{ padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area"><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>

代码分解：

<div style={{ padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area"></div>

  <SelectgetPopupContainer={() => document.getElementById('area')}></Select>

ant-Design------select的option 随页面滚动的问题相关推荐

Ant Design select下拉框突然拉长
Ant Design select下拉框在弹窗中被拉长在使用react+Ant Design的开发中使用select下拉框遇到了以下情况在弹窗里面 ,表单内容较多出现了下拉条,然后在点击搜索框输 ...
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（二）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二) 前言定义 Model connect 起来更新state 拥抱变化主题切换更换页面获取当前设备类 ...
Ant Design 编写登录和注册页面
Ant Design编写登录和注册页面前言一.登录 1.index.tsx页面 2.index.module.less 二,注册 1.index.tsx 2.index.module.less 总 ...
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（一）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(一) 前言现在的效果安装 dva-cli 创建新应用预览项目文件结构简单介绍使用 antd做页面定义 ...
Antd点击select选择框，页面滚动，选项跟着滚动
遇到问题如下: 做项目时,采用antd与react技术方案,需要实现选择一个select选择框,发现点击select选择框时,滚动页面,选项内容整体跟着页面滚动,而select选择框不动,如图: 解决 ...
ant design select 坑总结
1.保持Option的value和select绑定的value一致,这样在select框中显示的才是Option中的节点文本label 2.labelInValue属性可以使选中项的文本label包装 ...
Ant Design Pro路由参数改变页面没有重新渲染问题的解决
文章目录发现问题解决问题发现问题同一个组件根据Ant Pro路由传递进来的user和menu两个参数实现不同页面的渲染效果,测试发现页面在第一次渲染时没有问题,改变参数重新渲染则不刷新,如下所 ...
【Ant Design Pro 二】创建页面，组件，并在页面调用
开发交流qq群 173683895 路由里面的参数作用介绍: {path: "/a_nowdayserver/nowdayserver", //随便取名,显示在访问路径url中 ...
ant design pro v5子路由页面不显示的问题
我一开始的路由配置: //config/route.js export default [{path: '/',redirect: '/food',},{name: 'food',icon: 'Cof ...

ant-Design------select的option 随页面滚动的问题

ant-Design------select的option 随页面滚动的问题相关推荐

最新文章

热门文章