首页 > 其他分享 >【Antd 】selsect 的 option 选项随页面滚动,或被遮挡解决办法

【Antd 】selsect 的 option 选项随页面滚动,或被遮挡解决办法

时间:2023-05-17 13:11:53浏览次数:31  
标签:滚动 option area selsect Antd 页面

<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>

标签:滚动,option,area,selsect,Antd,页面
From: https://www.cnblogs.com/Esai-Z/p/17408312.html

相关文章

  • 【React+Antd】可编辑表格
    importReact,{useContext,useState,useEffect,useRef}from"react";import{Table,Input,Button,Popconfirm,Form}from"antd";constEditableContext=React.createContext(null);constEditableRow=(props)=>{//编辑表格行let[f......
  • 【React+Antd】 可展开Table
    在antd基础上进行改造,抛弃之前的靠前面+进行展开的方式,在操作列进行点击展开  import{Table}from'antd';importReact,{useState}from'react';import'antd/dist/antd.css';import'./index.css';constAPP=()=>{const[expandedRowKeys,se......
  • 【Antd】表格超出隐藏,显示三点,触碰提示
    clumns行设置:1onCell:()=>{2return{3style:{4overflow:'hidden',//控制隐藏5whiteSpace:'nowrap',//控制换行6textO......
  • 【Antd】表单调整输入框对齐方式:
    constformItemLayout={labelCol:{//左边文字xs:{span:24},sm:{span:6},},wrapperCol:{//右边输入框xs:{span:24},sm:{span:16},},};consttailFormItemLayout={wrapperCol:{xs......
  • AntDeisgn中checkbox group的使用
    <template><!--弹窗类型选择--><div><a-modal:visible="state.modalAttr.visible"title="规选类型"width="680px"@ok="showModal"@cancel="hideModal"><a-checkbox......
  • AntDesign的Form表单内容有值但是仍然报请输入的错误
    案例解决方案a-form标签上有:model="formState"a-form-item中的name值和v-model:value对应值保持一致案例<a-form:label-col="labelCol":wrapper-col="wrapperCol"ref="formRef":model="formState">......
  • cli add option
    https://stackoverflow.com/questions/44284275/passing-compiler-options-in-cmake-command-lineCommandlineoptionslikeCMAKE_C_FLAGSandCMAKE_CXX_FLAGSalwaysappendandneveroverwrite.-DCMAKE_C_FLAGS-DCMAKE_CXX_FLAGS="-Wno-dev-Wl,-rpath=/home/a......
  • netty运行测试类时报错:Unrecognized option: --illegal-access=deny
    netty(4.1.42.Final )运行netty-buffer模块测试类时报错:Unrecognizedoption:--illegal-access=deny Unrecognizedoption:--illegal-access=denyError:CouldnotcreatetheJavaVirtualMachine.Error:Afatalexceptionhasoccurred.Programwillexit.解题思路:1、......
  • Optional对象的使用
    Optional是一个对象容器,具有以下两个特点:提示用户要注意该对象有可能为null简化ifelse代码1.创建:Optional.empty():创建一个空的Optional实例//返回一个Null的optionalOptionalempty=Optional.empty();Optional.of(Tt):创建一个Optional......
  • antd表单校验不通过 滚动条自动滚动到未通过校验位置
    问题:当一个存在滚动条的表单校验不通过时,需要自动滚动到不通过表单的位置当滚动在最下面,不可视区域存在校验不通过,这时需要滚动条滚到未通过校验的表单位置思路:定位到第一个不通过的表单项,然后通过scrollIntoView(),滚动到相应位置表单在保存时会调用validate()方法校验表单,没......