溢出：在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;，它应该可以正常工作。

See example

Answer 3

我更新了jsfiddle，因此只显示了一个正确的滚动条： https://jsfiddle.net/os5pqjqb/

我所做的就是更新CSS：

overflow-y:scroll