javascript - 溢出隐藏更改内容位置

Question

我有一个宽度为 300px 的 div，在 div 中我放置了 5 个标签。 Labels宽度大于div宽度，所以我将div的“溢出”设置为“隐藏”，即隐藏超过div宽度的标签。

使用下拉菜单，我将“溢出”更改为“自动”，这样我就可以滚动并查看剩余的标签。

在我滚动到最后查看剩余标签后，我将 div 的溢出更改为“隐藏”。现在显示最后一个标签，隐藏第一个标签。

在将溢出从“自动”更改为“隐藏”后，我想像以前一样显示标签 series0 和 series1。可能吗？

Answer 1

在应用 overflow:hidden 之前，使用 scrollLeft 重置 div 滚动条。

例如:

<div id="scrollContainer" style="width:300px; overflow:auto">
    <div class="lableContainer" style="width:500px">
    </div>
</div>

在应用overflow:hidden之前重置滚动条:

$("#scrollContainer").scrollLeft(0);
$("#scrollContainer").css("overflow","hidden");