原文:优化Ant Design 下拉框伴页面滚动

在项目中使用antd的form组件,当一屏显示不完存在滚动条时,滑动滚动条会出现form中的下拉框伴随页面滚动的情况。通过重新绑定下拉框对应的父级定位元素,可优化这样的现象。 一 封装通用方法 export const scrollSelectFormUtils id: string gt 获取当前元素 const getPopupContainer: RenderDOMFunc gt retur ...

2021-03-08 12:28 0 342 推荐指数:

查看详情

解决ant-design-vue 页面滚动下拉框错位

使用ant-design-vue的 select | dropdown组件时, 出现页面滚动下拉框偏移错位时, 可以添加 getPopupContainer改变浮层渲染父节点。 ...

Wed Dec 22 19:57:00 CST 2021 0 855
封装一个漂亮的ant design form下拉框组件

ant design 的form组件中 能用于提交的组件比较少,所以我在这写了一个可以用下拉列表选择提交的组件,调用非常简单。 代码: 调用示例: 效果: 也可以在普通页面中调用: 获取选择的下拉菜单值 ...

Mon Dec 30 19:30:00 CST 2019 0 1688
解决 antd select 下拉框不跟着页面滚动

问题的原因是下拉框默认是定位到 <body> 的,有时候你页面里某个区域滚动,整体的 body 是不滚动的,所以下拉框没动。 这时候就用到了官方提供的 getPopupContainer 属性,代码如下 ...

Tue Apr 13 02:38:00 CST 2021 0 785
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM