我有一个侧边栏导航菜单,其中包含悬停时显示的子项和子项。这是一个jsfiddle链接:https://jsfiddle.net/s096zfpd/
这显然是大大简化了,只是为了让我知道我想要完成的事情。我的问题是有时<nav>
内的列表超出了<nav>
的高度。在这种情况下,我希望能够在<nav>
内滚动,但这样做会损害我需要显示overflow-x:visible
的{{1}}属性,因为CSS根本不允许同时使用.sub-nav
和overflow-x:visible
。
我在想,也许js解决方案可以在这里运作良好。有什么建议吗?
感谢。
答案 0 :(得分:0)
如果您对overflow-x
或overflow-y
使用可见内容,而对另一个使用可见内容。可见值被解释为auto它意味着我们不能将可见和隐藏应用于相同的DOM元素,因此理想的解决方案将是
创建包装器,然后将overflow-x
和overflow-y
应用于两个不同的DOM元素。分享js小提琴解决方案来解决你的问题