將水平滾動條位置設置到最右端

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/