将水平滚动条位置设置为最右侧

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/