如何滚动到溢出div框的最右侧？

Question

标题非常详细，我希望实现的目标，

我有一个div框，在窄屏幕上显示滚动（overflow-x）。 由于该框包含文件系统面包屑，我想自动滚动到该框的右侧以改善用户体验，因为用户可以快速窥视他在文件系统树中的位置。

如何只使用原生api来做到这一点？没有jquery或者。

Answer 1

您可以使用scrollWidth获取最大滚动宽度，然后只需将div scrollLeft的值设置为最大宽度：

＆＃13;

＆＃13;

function scroll_it(){
  the_box = document.getElementById("box");
  the_box.scrollLeft = the_box.scrollWidth;
}

＆＃13;

#box {width:100px; height:100px; overflow-x:scroll; background:red;}

＆＃13;

<div id="box">
  ABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFGABCDEFG
</div>

<a href="#" onclick="scroll_it()">Click me to scroll</a>

＆＃13;

＆＃13;

＆＃13;