隐藏溢出会更改内容位置

Question

我的div宽度为300px，在div中我放置了5个标签。标签宽度大于div宽度，因此我将div的“溢出”设置为“隐藏”，这会隐藏超过div宽度的标签。

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

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

我希望在将溢出从“auto”更改为“hidden”之后，像以前一样显示标签series0和series1。有可能吗？

Answer 1

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

例如：

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

在应用reset前向overflow:hidden滚动条：

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