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

Question

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

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

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

我该怎么做？

HTML :

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

...

...

</div>

包含文章

CSS :

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

这里是link到fiddle

Answer 1

您需要获取元素的完整宽度。

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

Set horizontal scrollbar position to the rightmost