Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何删除由“打开”下拉菜单创建的垂直滚动_Html_Css_Dropdown_React Bootstrap - Fatal编程技术网

Html 如何删除由“打开”下拉菜单创建的垂直滚动

Html 如何删除由“打开”下拉菜单创建的垂直滚动,html,css,dropdown,react-bootstrap,Html,Css,Dropdown,React Bootstrap,这只是一个基本的例子,垂直滚动是如何出现的,尽管有overflow-y:visible属性。我有一个表,在大数据集的情况下,我想在其中进行水平滚动。水平滚动应该是动态的,所以我设置了overflow-x:auto,但这破坏了打开下拉菜单的行为,该菜单会创建垂直滚动 怎么了 先谢谢你 类示例扩展了React.Component{ 建造师(道具){ 超级(道具) } render(){ 返回( 行动 另一个动作 活动项 分离环 ) } } ReactDOM.render(,document.get

这只是一个基本的例子,垂直滚动是如何出现的,尽管有
overflow-y:visible
属性。我有一个表,在大数据集的情况下,我想在其中进行水平滚动。水平滚动应该是动态的,所以我设置了
overflow-x:auto
,但这破坏了打开下拉菜单的行为,该菜单会创建垂直滚动

怎么了

先谢谢你

类示例扩展了React.Component{
建造师(道具){
超级(道具)
}
render(){
返回(
行动
另一个动作
活动项
分离环
)
}
}
ReactDOM.render(,document.getElementById('container'))
#容器{
高度:50px;
溢出y:可见;
溢出-x:自动;
}

这是因为您删除了溢出-x值并将其设置为
溢出:隐藏工作正常:

类示例扩展了React.Component{
建造师(道具){
超级(道具)
}
render(){
返回(
行动
另一个动作
活动项
分离环
)
}
}
ReactDOM.render(,document.getElementById('container'))
#容器{
高度:50px;
溢出:可见;
}

此问题的解决方案是创建自定义的
下拉列表组件,该组件在不希望显示滚动条的元素范围之外呈现其菜单。您可以将菜单设置为
位置:绝对
并基于
下拉列表设置其绝对位置


您可以使用

获得
下拉列表
位置,谢谢您的回答,但正如我所写的,我想要动态水平滚动。我如何管理它?也许您可以尝试使容器的父级滚动框设置一个高度,然后使溢出-y:auto。@SimonHyll无法使其工作,如果您有此问题的解决方案,请提供一些小提琴,谢谢。容器的高度也是动态的,它只是一张桌子。使用最大高度。我在西班牙度假,所以我没有电脑为你做小提琴,而是把它写在我的手机上。