溢出：在Y上滚动，在X上可见

Question

我有一个无法解决的问题。

我希望容器仅在y上滚动，并且溢出应该在x上可见，以显示下拉菜单。

这有可能吗？ 你能启发我吗？

谢谢。

编辑

这是代表我的问题的JSFiddle。 您需要记住，下拉菜单不必移动，而只需出现在.item容器上方。 希望你能理解。

https://jsfiddle.net/sog1oxuq/1/

Answer 1

您可以添加

overflow-x hidden

要么

overflow-y hidden

对你的身体

Answer 2

更改overflow: scroll; 在.item上overflow-y: scroll; 。 另外，为什么left: 100px; 在.dropdown-menu ？ 更改为left: 0; 它应该可以正常工作。

看例子

Answer 3

我更新了jsfiddle，因此仅显示了垂直滚动条： https ://jsfiddle.net/os5pqjqb/

我所做的就是更新CSS：

overflow-y:scroll