jquery - 滚动条无法滚动到容器的末尾

Question

目前我有很多行产品，但我发现它不能让我滚动到容器的末尾，如下图所示，那里有什么问题？难道不需要在那里设置最大高度是不可能的吗？因为我将来会添加更多行。

<div class="tab-content" id="fe-scrollable">
  <div>CONTENT HERE</div>
  <div>CONTENT HERE</div>
  <div>CONTENT HERE</div>
  <div>CONTENT HERE</div>
</div>

.tab-content {
    overflow-y: scroll;
    max-height: 1180px;
}

Answer 1

您似乎有另一个 DIV 或容器位于滚动条内容的顶部。您可能需要考虑以稍微不同的方式构建您的页面，以便选项卡位于可滚动内容的后面，或者更好的是，使可滚动内容位于选项卡内容之上。

很难说出您的代码结构究竟如何，但也许您确实会这样做:

<div class="container">
    <div class="scrollable-content">
        <div>Content</div>
        <div>Content</div>
    </div>
    <div class="tab-content">
        <div>Tab 1</div>
        <div>Tab 2</div>
    </div>
<div>