Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将水平滚动条位置设置为最右侧_Javascript_Jquery_Html_Css_Horizontal Scrolling - Fatal编程技术网

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

Javascript 将水平滚动条位置设置为最右侧,javascript,jquery,html,css,horizontal-scrolling,Javascript,Jquery,Html,Css,Horizontal Scrolling,我正在制作一个网站,你可以通过向右滚动阅读文章,类似于Windows10桌面应用程序 我想确保当文章加载时,页面应该显示文章的结尾,即。;滚动条必须位于最右侧,然后设置滚动条的动画以向左移动,即。;在文章的开头让用户第一时间了解阅读布局 我还使用CSS列将文章分解为列。 我尝试使用scrollLeft将滚动条的位置设置为最右边,但我不知道如何计算文章的横向宽度 我该怎么做 HTML: 这是链接到您需要获取元素全宽的 var left = $('.entry-content').width(

我正在制作一个网站,你可以通过向右滚动阅读文章,类似于Windows10桌面应用程序

我想确保当文章加载时,页面应该显示文章的结尾,即。;滚动条必须位于最右侧,然后设置滚动条的动画以向左移动,即。;在文章的开头让用户第一时间了解阅读布局

我还使用CSS列将文章分解为列。 我尝试使用scrollLeft将滚动条的位置设置为最右边,但我不知道如何计算文章的横向宽度

我该怎么做

HTML:


这是链接到您需要获取元素全宽的

   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);