css - CSS下拉菜单不会一直滚动到底部

我有一个下拉菜单，该菜单不允许您一直滚动到底部，因为顶部的空白使弹出窗口不会出现在标题上。我尝试添加填充，但无法正常工作。这是代码。任何帮助表示赞赏。

.shifter-enabled .shifter-navigation {
  width: 270px;
  height: 100%;
  position: fixed;
  padding-bottom: 20px;
  top: 30px;
  left: 0;
  z-index: 5;
  background: #ffffff;
  display: block;
  overflow-y: scroll;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.001s linear 0.2s, transform 0.2s ease;
}

最佳答案

删除height:100%并添加bottom:0px;：

.shifter-enabled .shifter-navigation {
  width: 270px;
  position: fixed;
  padding-bottom: 20px;
  top: 30px;
  bottom: 0px;
  left: 0;
  z-index: 5;
  background: #ffffff;
  display: block;
  overflow-y: scroll;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.001s linear 0.2s, transform 0.2s ease;
}

通过将高度设置为100％-它的高度将与视口一样高，但是当您将其向下移动30px时，它将离屏幕底部30px。通过设置顶部和底部且不设置高度，它将始终被拉伸以符合视口的大小

关于css - CSS下拉菜单不会一直滚动到底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32052660/