dlmenu scroll不允许访问最后几个元素

Question

我正在使用Hipstr Jekyll theme，它使用了jQuery插件dlmenu，这是一个自适应菜单。

Hipstr's about page的滚动条根本没有出现。所以问题略有不同，但我们都没有让它正常工作。有issue on Hipstr here。

结构为nav > ul > li > ul。当我在子子菜单中时，滚动条无法到达最后一个元素。这是与高度和溢出有关的某种问题，我还没有追逐哪个容器导致问题。

我还试图确保找到一种解决方案，它不会将像素与屏幕尺寸相结合。

导致卷轴不再下降的原因是什么？

Answer 1

问题 - 或者更确切地说，是混乱的根源 - 大致是外部nav元素仅包含具有绝对位置的子元素的事实。因此它没有自己的高度。例如，如果你设置overflow = scroll，你现在将拥有一个0px高nav元素，你可以在其上滚动内容。

最基本的破解是炸掉nav的高度，然后按预期使用更熟悉的max-height和overflow属性。这个SCSS似乎有效：

nav#dl-menu {
    @media #{$medium} {
        // The children of this element are absolute, so
        // this has no height of its own. Must prop up
        // before enable overflow:scroll. This is probably
        // still a kludge.
        height: 100%;
        max-height: 90%;
        overflow: scroll;
    }
}