将水平滚动条位置设置在最右边

Question

我正在创建一个网站，您可以通过向右滚动来阅读文章，类似于 Windows 10 桌面应用程序。

我想确保当文章加载时，页面应该显示文章的结尾，即；滚动条必须在最右边，然后让滚动条向左移动（即向文章开头），以便第一次使用的用户了解阅读布局。

我还使用 CSS columns 将文章分解为列。 我尝试使用scrollLeft() 将滚动条位置设置为最右侧，但我不知道如何计算文章水平跨越的宽度

我该怎么做？

HTML：

<div class="entry-content">
...

...

...

</div>

包含文章

CSS：

.entry-content {
    column-count: 3;
    max-height: 500px;
    overflow-y: hidden;
}

这是fiddle的链接

Answer 1

您需要获取元素的全宽。

   var left = $('.entry-content').width();
   $('.entry-content').scrollLeft(left);

演示：https://jsfiddle.net/kishoresahas/9ynasean/1/