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无法使其工作,如果您有此问题的解决方案,请提供一些小提琴,谢谢。容器的高度也是动态的,它只是一张桌子。使用最大高度。我在西班牙度假,所以我没有电脑为你做小提琴,而是把它写在我的手机上。