首页 > 其他分享 >a-select下拉框滚动时不跟随页面滚动 与a-select框分离

a-select下拉框滚动时不跟随页面滚动 与a-select框分离

时间:2022-11-08 11:59:42浏览次数:39  
标签:定位 菜单 滚动 getPopupContainer 下拉框 select

a-select下拉框默认是渲染到 <body>上 的,如果遇到菜单滚动定位的问题,使用getPopupContainer函数 菜单渲染父节点,修改滚动的区域,并相对其定位。

 

 

问题:在滚动的时候出现了分离

解决方法:用官方提供的 getPopupContainer属性 

 <a-select :getPopupContainer="(triggerNode) => triggerNode.parentNode" ></a-select>

结果:(a-select组件官方文档:https://1x.antdv.com/components/select-cn/)

 

 注:如果使用此方法还没有解决,辅助使用position:relative对其父元素进行相对定位

 

标签:定位,菜单,滚动,getPopupContainer,下拉框,select
From: https://www.cnblogs.com/xxrboke/p/16869162.html

相关文章

  • android_文本垂直滚动
    这个自定义view主要实现的是垂直文本自动滚动,当文本高度超出垂直高度时自动滚动。也可以修改成其他条件触发滚动。参考了网上一篇文章,找不到出处了。packagecom.serviatech......
  • Element select选择器 el-select获取value值和label值
    通常在使用的时候,v-model的值为当前被选中的el-option的value属性值,但有些时候我们也需要用到label值,这时我们需要把:value="item.value"改成:value="{value:item.va......
  • el-data-picker不能随滚动条滚动问题
    el-data-picker不能随滚动条滚动问题解决方法:主要跟父容器设置overflow属性有关。详细解决过程描述:有问题的页面元素上下包裹层级是:template>div>el-container->el-ma......
  • Excel VBA中ADO连接mysql数据库报错:no database selected 解决方案
    几天翻到一个以前连接mysql数据库的Excelvba文件,试了一下,居然链接成功,但是执行sql的时候一直报错说什么nodatabaseselected百度谷歌了老半天,终于找到了解决方案,其......
  • 网络IO模型之select基础
    思考:为什么线程开销会大一、IO有两种操作,同步IO和异步IO。    同步IO指的是,必须等待IO操作完成后,控制权才返回给用户进程。    异步IO指的是,无......
  • 修改滚动条样式
    <style>::-webkit-scrollbar{/*滚动条整体样式*/width:10px;/*高宽分别对应横竖滚动条的尺寸*/height:10px;}::-webk......
  • vue表格滚动vue-seamless-scroll
    引入  npminstallvue-seamless-scroll--save  在找到main.js引入importscrollfrom'vue-seamless-scroll'Vue.use(scroll)主要代码<template>......
  • 010 Rust 异步编程,使用 select 宏的条件
    使用select宏select中使用的Future必须实现Unpintrait和FusedFuturetrait。必须实现unpin的原因是,select中使用的future不是按值获取的,而是按照可变引用获取的,通过不获取f......
  • 009 Rust 异步编程,select 宏中的使用 default 和 complete
    说明在前一节,我们简单介绍了select宏。其实在select宏中,还可使用default和complete,前者表示没有分支完成,而后者则表示所有的分支都已经完成并且不会再取得进展的情况。示例......
  • 008 Rust 异步编程,select 宏介绍
    select宏select宏也允许并发的执行Future,但是和join、try_join不同的是,select宏只要有一个Future返回,就会返回。示例源码usefutures::{select,future::FutureExt,pin_mut......