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

时间:2018-06-04 02:43:43

标签: jquery html css

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

您似乎有另一个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>