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

Question

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

我想确保当文章加载时,页面应该显示文章的结尾,即; 滚动条必须位于最右侧,然后为滚动条设置动画以向左移动(即;朝向文章的开头),以便第一次用户了解阅读布局.

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

我怎样才能做到这一点？

HTML:

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

...

...

</div>

包含文章

CSS:

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

这是小提琴的链接

Answer 1

您需要获得元素的整个宽度.

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