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;
}

标签： jqueryhtmlcss

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>