首页 > 其他分享 >antv下拉框展开选项到刚好到浏览器底部触发闪烁,会回弹一下

antv下拉框展开选项到刚好到浏览器底部触发闪烁,会回弹一下

时间:2024-04-09 10:33:26浏览次数:23  
标签:回弹 dropdown antv up ant slide animation 下拉框 select

关闭下拉框的动画样式

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {   -webkit-animation-name: unset;   animation-name: unset;   -webkit-animation-duration: .05s;   animation-duration: .05s; }
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft {   -webkit-animation-name: unset;   animation-name: unset;   -webkit-animation-duration: .05s;   animation-duration: .05s; }
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {   -webkit-animation-name: unset;   animation-name: unset;   -webkit-animation-duration: .05s;   animation-duration: .05s; }
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {   -webkit-animation-name: unset;   animation-name: unset;   -webkit-animation-duration: .05s;   animation-duration: .05s; }

标签:回弹,dropdown,antv,up,ant,slide,animation,下拉框,select
From: https://www.cnblogs.com/xinyouhunran/p/18047584

相关文章

  • unistringgrid 下拉框
    unistringgrid下拉框在Delphi中,TUniStringGrid是一个用于显示文本的网格控件,它可以包含下拉框。为了在TUniStringGrid中实现下拉框,你可以使用TUniComboBox控件作为编辑控制。以下是一个简单的例子,展示如何在TUniStringGrid中添加下拉框:procedureTForm1.AddComboBoxToU......
  • 页面全屏后antd的下拉框下拉选项不出现的问题
    最近碰到数据可视化页面需要全屏的功能,但是全屏之后antdesignofvue组件的下拉框点击之后无法出现下拉选项。原因:下拉框的下拉部分父节点默认是body,全屏后body元素被挡住了全屏功能实现:<divclass="large-screen"ref="el"><divclass="large-screen-full-btn"@click=......
  • AntvG6-graph图谱工具
    1快速上手1.1在项目中使用npm包引入Step1:使用命令行在项目目录下执行以下命令npminstall--save@antv/g6Step2:在需要用的G6的JS文件中导入importG6from'@antv/g6';1.2在HTML中使用CDN引入<scriptsrc="https://gw.alipayobjects.com/os/antv/p......
  • Grafana添加下拉框变量
    背景在做完通过process-exporter采集指定进程的资源使用情况后发现Grafana提供的监控图标是将所有机器的进程都存放在一起,不支持单独查看某台机器的进程情况,所以决定对Grafana图表进行修改。Grafanav10.3.1步骤步骤1:点击设置--->添加变量步骤2:设置变量变量类型、常规信......
  • 后端返回的值,不能直接用于表单展示,有的表单项的值是根据其他表单项计算出来的,有的是根
    后端返回的值,不能直接用于表单展示,有的表单项的值是根据其他表单项计算出来的,有的是根据下拉框的选中项的其他属性获取到的,这时候该如何处理?还有最后要保存的时候,传给后端的值,与表单的数据结构也不一样,有的甚至没有放在表单属性上,比如当前下拉框选中的对象而非id,整个需要传给后端......
  • Vue2/3 实现动态循环的select下拉框去重功能:
    需求:前面下拉框选择某个选项(如:1)了,后面的下拉框不能在有前面选中内容的该选项(即不能在出现1的下拉选项)【Vue实现动态循环出的多个select不能重复选择相同的数据】注:下面注释的都可以根据需求更改 代码<template><divid="app"><divv-fo......
  • 《手把手教你》系列技巧篇(三十二)-java+ selenium自动化测试-select 下拉框(详解教程)
    1.简介 在实际自动化测试过程中,我们也避免不了会遇到下拉选择的测试,因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助。2.select下拉框2.1Select类1.在Selenium中,针对html的标签select多选下拉列表有几种方法:selectByIndex(index);......
  • 在Python中,你可以使用以下代码来更改ttk.Combobox下拉框选项的文字大小¹: ```python
    在Python中,你可以使用以下代码来更改ttk.Combobox下拉框选项的文字大小¹:```pythonimporttkinterastkfromtkinterimportttkroot=tk.Tk()root.geometry('500x500')#设置所有Combobox的下拉框文字大小root.option_add("*TCombobox*Listbox.font","Arial20")combob......
  • JVS低代码表单引擎:实现下拉框数据来源动态化的解决方案
    下拉选项数据来源调用逻辑引擎的功能在于提供一个可视化的界面,使用户能够方便地配置和管理业务逻辑,实现数据的快速处理、业务模式的自动化和智能化。接下来我详细介绍JVS低代码中如何通过逻辑引擎获取下拉选项的数据来源,以及如何配置下拉框组件以实现这一功能。下拉选项数据来源调......
  • vue-helper 点击跳转插件 在 methods里面互相调用函数,会产生两个函数definitions ,然后
    vue-helper点击跳转插件在methods里面互相调用函数,会产生两个函数definitions,然后就回弹出框让你选择原因:换了台电脑,又从新配置下vscode"editor.gotoLocation.multipleTypeDefinitions":"goto","editor.gotoLocation.multipleReferences":"goto","editor.got......