Javascript y轴滚动高度溢出故障

我知道，这真的是个问题，但我只需要一些其他的眼睛

我有一个移动侧边栏出现。正文设置为溢出：隐藏；。我试图让边栏显示溢出-y:滚动，然后允许边栏滚动到最大高度，但其允许的最大值是1000px

我试图实现的是类似于响应式移动显示中的窄结果边栏。 侧栏HTML代码：

<div class="filters-sidebar>
  <aside class="booking-filters>
    <h3>Filter By:</h3>
    <ul class="booking-filters-list">
      <li>Booking item</li>
      <li>Booking item</li>
      <li>Booking item</li>
      <li>Booking item</li>
       ...Lots more of these...
    </ul>
  </aside>
</div>

---

我不能肯定，但这就是你要找的吗

。预订过滤器{
位置：绝对位置；
左：0；
排名：0；
宽度：200px；
高度：100vh；
溢出y：滚动；
}
.预订过滤器列表{
高度：2000px；
}
身体{
溢出y：隐藏；
}

筛选依据：

预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
预订项目
……还有很多。。。

所以我想出来了。我试图把预订过滤器的高度列在侧边栏的高度而不是窗口的高度上。所需要的只是在边栏中实际设置窗口的高度

在这种情况下，窗口的最大高度为850px

.booking-filters-list {
  overflow-y: scroll;
  height: 850px;
}

---

谢谢你的帮助

请张贴您的HTML以及。没有它，我们甚至无法开始提供帮助。请阅读：@desifor我添加了HTML。很抱歉。用100vh代替100%@ZainAli好电话，我忘了。

.booking-filters-list {
  overflow-y: scroll;
  height: 850px;
}