javascript - 子菜单列表与父列表对齐？

Question

我制作了一个带有滑出式子菜单的边栏。这是我的 jsfiddle:http://jsfiddle.net/alh3168/UUMRM/1/ .

如何使滑出式子菜单(不透明的)的高度保持为 100%，同时使此子菜单中的列表项相对于其预期的父菜单项。也就是子菜单项不在屏幕顶部。我希望它看起来像这样:http://perezweddings.com/blog/ .

也许我需要在这里改变一些东西？:

div.menu ul.second {
  position: fixed;
  left: 258px;
  top: 0;
  z-index: 10;
  display: none;
  width: 190px;
  background-color:rgba(0,180,180,0.3);
  bottom:0;
}

谢谢!

Answer 1

如果您想要它就像您提供的链接一样，只需将 padding-top:200px 添加到您的 ul.second。他们就是这么做的。