Antd点击select选择框，页面滚动，选项跟着滚动

遇到问题如下：

做项目时，采用antd与react技术方案，需要实现选择一个select选择框，发现点击select选择框时，滚动页面，选项内容整体跟着页面滚动，而select选择框不动，如图：

解决办法：

在select选择框中，添加方法 getPopupContainer

在select代码块，添加一条语句：

getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}} // 增加这个定位去解决选项滚着跑

整体如下：

解决选项内容跟着页面滚动问题~

Antd点击select选择框，页面滚动，选项跟着滚动相关推荐

element_UI select选择框深入解析
别问,问就是今天是1024,混个勋章 el-select介绍开发环境 Select Attributes(参数介绍) select各适用场景介绍使用最广泛的基础单选有禁用选项的选择框选择框禁用 ...
解决小米2s手机 select选择框问题
解决小米2s手机 select选择框文本内容不能改变中学习到的时间:2015-07-17 项目:甘肃银行-手机银行问题记录:有一组选择框,第一个选择框选择存储类型(零存整取.整存整取.定活两便), ...
AngularJs 基础教程 —— Select(选择框)
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训教程,主要介绍:AngularJs 基础教程 -- Select(选择框) Angula ...
select选择框实现跳转
select选择框实现跳转零.启示 1.启示把bom里面的几个对象稍微有点印象,那么主干有了,学其它的就感觉添置加瓦,很简单就是关注树木的主干 2.万能的百度,不过当然要你基础好学得多才能看得懂, ...
纯CSS调整select选择框高度，兼容IE/Firefox/Opera/Safair/Chrome
在IE下直接用height.border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边 ...
如何删除选择框的所有选项，然后添加一个选项并使用jQuery选择它？
本文翻译自:How do you remove all the options of a select box and then add one option and select it with j ...
手动清空Element Select选择框内容 v-model 和 option下拉框选项导致无法select选中，或者选中视图不渲染问题,
有时候一些需求,需要上下两个Select 进行联动,比如名称/id选择框的内容需要根据科目选中后的内容,来进行搜索,所以当科目清空后名称/ID 需要清空 v-model 的值.以及 el-op ...
AngularJS Select(选择框)
在AngularJS中可以使用数组或对象创建一个下拉列表对象选项. 1.使用ng-options创建选择框 <div ng-app="my" ng-controller=&q ...
编辑器中点击上传图片选择框反应速度很慢的解决办法。
先解释下标题的意思: 就是点击上图中的上传图片之后,出现这个文件选择框的反应时间太长,IE和火狐浏览器还正常点.谷歌和360等浏览器一般要8秒左右才能打开,用户体验太差了. 这里我们要解决这个问题首先 ...

Antd点击select选择框，页面滚动，选项跟着滚动

Antd点击select选择框，页面滚动，选项跟着滚动相关推荐

最新文章

热门文章