antd中Select及DatePicker组件随页面滚动产生分离的问题

码海幽篁狩
• 阅读 3229

1.问题
使用Antd 中的Select及DatePicker组件时,当点击Select组件或DatePicker组件出现下拉菜单(日期)时滚动页面,会出现Select的下拉选项个Select框分离、DatePicker与日期分离情况。
2.解决方案

  • Select标签添加
getPopupContainer={triggerNode =>triggerNode.parentElement}
  • DatePricker标签中添加
getCalendarContainer={triggerNode=>triggerNode.parentElement}
点赞
收藏
评论区
推荐文章
Chase620 Chase620
4年前
vue--封装后台管理项目通用组件
先看一下我的项目的页面构成几乎每个页面都是上下结构,上边是筛选条件区域,下边则是表格和分页这里我定义了两个组件:myFilter和myTablemyFilter组件该组件由五部分构成:input输入框、select下拉框、查询按钮、新增按钮、slot五部分构成,它们都是可选的input(通过vif标识可选;由inputName指定标题和默认文本
Wesley13 Wesley13
3年前
MySQL如何按天统计数据,没有记录的天自动补充0
思路:1\.通过该语句可以实现指定日期到当前日期的日期列表数据,并用0填充要统计的sum字段SELECT@cdate:date_add(@cdate,interval1day)date,0assumfrom(SELECT@cdate:date_add(CURDATE(),interval
Stella981 Stella981
3年前
List的Select 和Select().tolist()
List<PersondelpnewList<Person{newPerson{Id1,Name"小明1",Age11,Sign0},newPerson{Id2,Name"小明2",Age12,
Easter79 Easter79
3年前
VUE AntDesign DatePicker设置默认显示当前日期
1:main.js中引入依赖importVuefrom"vue";import{DatePicker}from'antdesignvue';import'antdesignvue/dist/antd.css';设置中文importmomentfrom'm
Stella981 Stella981
3年前
Flutter中日期组件DatePicker及组件汉化
Flutter提供了DatePicker组件进行时间选择。日期组件及时间组件代码示例:import'package:flutter/material.dart';//第三方插件,需要提前配置import'package:date_format/date_format.dart';classDat
Stella981 Stella981
3年前
ASP.NET MVC 4 之 Jquery Ajax
//前台界面,一个下拉框,一根文本框<select id"SEX"    <option男</option    <option女</option    <option未知</option</select<input id "DESC"  type"text"/
Stella981 Stella981
3年前
JQuery中对option的添加、删除、取值
jQuery获取Select选择的Text和Value:1\.$("select\_id").change(function(){//code...});  //为Select添加事件,当选择其中一项时触发2\.varcheckText$("select\_id").find("option:selected").text();  
Wesley13 Wesley13
3年前
MySQL 8.0新特性
如果某行记录被事务锁住了,select...forupdate、或select...forshare事务对相同的行加锁的时候必须等待,直到产生阻塞的事务释放锁。为了避免等待事务释放锁定的行,nowait和skiplocked选项可以被用于select...forupdate或select...forshare语句:·now
Stella981 Stella981
3年前
56个民族 select 下拉菜单
<optionvalue"汉族"汉族</option<optionvalue"蒙古族"蒙古族</option<optionvalue"彝族"彝族</option<optionvalue"侗族"侗族</option<optionvalue"哈萨克族"哈萨克族</option
Wesley13 Wesley13
3年前
MySQL数据查询(重点)
1.查询所有列  \为所有列select\fromtable\_name;2.查询指定列selectid,agefromtable\_name;3.查询时添加常量列本次查询有效,不会添加到表中,只显示 可以用as来命名本列名select'java0328'fromtable\_name;
Wesley13 Wesley13
3年前
(selenium+python)_UI自动化05_定位select下拉列表
前言web网页大多选择功能使用下拉列表方式实现,在selenium进行自动化过程中,可通过Select类实现下拉列表的多种操作。Select常用方法select_by_index()通过索引定位选项select_by_value()通过value值定位选项select_by_visib
码海幽篁狩
码海幽篁狩
Lv1
我做的所有改变,只为了进入你的世界
文章
4
粉丝
0
获赞
0