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

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/