Javascript 将水平滚动条位置设置为最右侧
我正在制作一个网站,你可以通过向右滚动阅读文章,类似于Windows10桌面应用程序 我想确保当文章加载时,页面应该显示文章的结尾,即。;滚动条必须位于最右侧,然后设置滚动条的动画以向左移动,即。;在文章的开头让用户第一时间了解阅读布局 我还使用CSS列将文章分解为列。 我尝试使用scrollLeft将滚动条的位置设置为最右边,但我不知道如何计算文章的横向宽度 我该怎么做 HTML:Javascript 将水平滚动条位置设置为最右侧,javascript,jquery,html,css,horizontal-scrolling,Javascript,Jquery,Html,Css,Horizontal Scrolling,我正在制作一个网站,你可以通过向右滚动阅读文章,类似于Windows10桌面应用程序 我想确保当文章加载时,页面应该显示文章的结尾,即。;滚动条必须位于最右侧,然后设置滚动条的动画以向左移动,即。;在文章的开头让用户第一时间了解阅读布局 我还使用CSS列将文章分解为列。 我尝试使用scrollLeft将滚动条的位置设置为最右边,但我不知道如何计算文章的横向宽度 我该怎么做 HTML: 这是链接到您需要获取元素全宽的 var left = $('.entry-content').width(
这是链接到您需要获取元素全宽的
var left = $('.entry-content').width();
$('.entry-content').scrollLeft(left);
演示:您是否尝试使用jQuery获取其宽度?试试$.entry-content.width是的,它显示了.entry内容的宽度,而不是由于列的原因而水平显示的溢出内容的宽度。您使用滚动到结尾的方式水平滚动和加载页面是什么?你的内容是什么样子的?这是小提琴-@kishoreshas,就是那个。不知道有那么容易。请回答一下?
.entry-content {
column-count: 3;
max-height: 500px;
overflow-y: hidden;
}
var left = $('.entry-content').width();
$('.entry-content').scrollLeft(left);