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

Set horizontal scrollbar position to the rightmost

本文关键字：设置 水平 滚动条 位置      更新时间：2023-09-26

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

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

我还使用CSS columns将文章分解为多个列。我试着用scrollLeft()把滚动条的位置设置在最右边，但我不知道如何计算文章在水平上的宽度

我该怎么做？

HTML:

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

包含文章

CSS:

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

这是fidd

的链接

您需要获得元素的全宽。

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

演示：https://jsfiddle.net/kishoresahas/9ynasean/1/

相关文章：