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

Javascript 如何滚动到溢出div框的最右侧?,javascript,html,css,Javascript,Html,Css,这个标题对我想要实现的目标非常冗长 我有一个在窄屏幕上显示滚动条的div框(overflow-x)。 由于该框包含文件系统面包屑,我想自动滚动到该框的右侧,以改善用户体验,因为用户可以快速查看他在文件系统树中的位置 如何仅使用本机API实现这一点?没有jquery或其他功能。您可以使用滚动宽度获得最大滚动宽度,然后,只需将div的滚动左的值设置为最大宽度: 函数滚动_it(){ _box=document.getElementById(“box”); _box.scrollLeft=_box.

这个标题对我想要实现的目标非常冗长

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


如何仅使用本机API实现这一点?没有jquery或其他功能。

您可以使用
滚动宽度
获得最大滚动宽度,然后,只需将div的
滚动左
的值设置为最大宽度:

函数滚动_it(){
_box=document.getElementById(“box”);
_box.scrollLeft=_box.scrollWidth;
}
#框{宽度:100px;高度:100px;溢出-x:滚动;背景:红色;}

abcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabg

如果你能计算出DIV的内容宽度,你可以使用
$p.scrollLeft=DIV\u CONTENT\u WIDTH-$p.offsetWidth
。这再完美不过了。或者,它能得到什么?