自动将水平滚动条移动到div的右端

Question

我有一个固定标题表格式的div，它具有超过24列。

该表包含按升序排列的列，并且具有水平和垂直滚动条。

因此，在加载过程中，我需要将div的水平滚动条移到右端。我正在使用angular 7作为前端。

我已经尝试过使用JavaScript scrollIntoView，但无法正常工作。

有人建议我使用angular或javascript而不是jquery来实现这一目标。

Answer 1

您可以结合使用Element.scrollLeft和Element.scrollWidth属性，使用纯JavaScript实现此功能。

请参阅文档here和here。

类似的事情应该起作用。

myDivElement.scrollLeft = myDivElement.scrollWidth;

这里是fiddle demonstrating the technique。

尽管没有经过全面测试，也不确定浏览器的兼容性和细微的调整。将此用作初始提示。

Answer 2

HTML DOM Scrollleft属性可以解决问题。 https://www.w3schools.com/jsref/prop_element_scrollleft.asp