水平滚动，从右到左，CSS溢出:滚动
水平滚动，从右到左，CSS溢出:滚动
提问于 2014-01-22 20:37:17
因此，我想知道是否有可能有一个不同的起点立场与overflow:scroll值；
在div中开始滚动时，默认行为是从左向右滚动：
|<--Scrollbar-Starting-Left-->_________________________________________________|它有可能从右边开始吗？
|_________________________________________________<--Scrollbar-Starting-Right-->|在我的例子中 red和green项首先是可见的，我希望green和blue项首先是可见的:)
我试过direction:rtl;，但没有运气
回答 7
Stack Overflow用户
回答已采纳
发布于 2014-01-22 20:45:25
你当然可以使用direction:rtl
document.querySelector('input').addEventListener('input', function(){
document.querySelector('.box').scrollLeft = this.value;
}).box{
width: 320px;
height: 100px;
border:1px solid red;
overflow: scroll;
direction: rtl; /* <-- the trick */
}
.box::before{ content:''; display:block; width:400%; height:1px; }<div class='box'></div>
<br>
<input placeholder='scrollLeft value'>
FiddleDemo
使用http://css-tricks.com/almanac/properties/d/direction/方向可能会很有用
Stack Overflow用户
发布于 2014-01-22 20:39:59
我不知道任何只使用CSS的解决方案，但是您可以使用Jquery来更改滚动条的初始位置，如下所示：
$(document).ready(function(){
$('#box').scrollLeft($(this).height())
})检查这个演示Fiddle
Stack Overflow用户
发布于 2014-01-22 20:42:17
使用javascript，您只需在加载页面时设置scrollLeft属性(使用el.scrollLeft = el.scrollWidth - el.clientWidth;)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21293456
复制相关文章
相似问题
腾讯云开发者
