在溢出内滚动:可见; div,当子内容超过父高度时

时间:2016-04-26 15:38:16

标签: javascript jquery html css css3

我有一个侧边栏导航菜单,其中包含悬停时显示的子项和子项。这是一个jsfiddle链接:https://jsfiddle.net/s096zfpd/

这显然是大大简化了,只是为了让我知道我想要完成的事情。我的问题是有时<nav>内的列表超出了<nav>的高度。在这种情况下,我希望能够在<nav>内滚动,但这样做会损害我需要显示overflow-x:visible的{​​{1}}属性,因为CSS根本不允许同时使用.sub-navoverflow-x:visible

我在想,也许js解决方案可以在这里运作良好。有什么建议吗?

感谢。

1 个答案:

答案 0 :(得分:0)

如果您对overflow-xoverflow-y使用可见内容,而对另一个使用可见内容。可见值被解释为auto它意味着我们不能将可见和隐藏应用于相同的DOM元素,因此理想的解决方案将是

  • 创建包装器,然后将overflow-xoverflow-y应用于两个不同的DOM元素。分享js小提琴解决方案来解决你的问题

    https://jsfiddle.net/e2edvupc/