如何定位左侧的div滚动条？
是否可以指定一个位置（左侧或右侧）的垂直滚动条放置在一个div？
例如看看这个页面 ，它解释了如何使用overflow属性。 有什么方法将滚动条放置在可滚动区域的左侧？
你可以尝试direction:rtl; 在你的CSS。 然后重置内部div的文本方向
#scroll{ direction:rtl; overflow:auto; height:50px; width:50px;} #scroll div{ direction:ltr; }
未经testing。
我也有同样的问题。 但是当我添加direction: rtl; 在选项卡和手风琴组合，但它崩溃了我的结构。
要做到这一点的方法是添加div的direction: rtl; 作为父元素，并为子div设置direction: ltr; 。
我使用这个第一个https://api.jquery.com/wrap/
$( ".your selector of child element" ).wrap( "<div class='scroll'></div>" );
那么只需简单地使用css 🙂
在小孩div添加到CSS
.your_class { direction: ltr; }
并通过class .scroll与jQuery添加到父div
.scroll { unicode-bidi:bidi-override; direction: rtl; overflow: scroll; overflow-x: hidden!important; }
工程师为我
不，您无法更改滚动条位置，而无需任何其他问题。
您可以将文本方向更改为从右向左（rtl），但也会更改块内的文本位置。
此代码可以帮助您，但我不确定它适用于所有浏览器和操作系统。
<element style="direction: rtl; text-align: left;" />
这是一个古老的问题，但是我想我应该提出一个在问这个问题时没有广泛使用的方法。
您可以在现代浏览器中使用transform: scaleX(-1)在父元素<div>上反转滚动条的一侧，然后应用相同的变换来反转子元素“sleeve”元素。
HTML
<div class="parent"> <div class="sleeve"> <!-- content --> </div> </div>
CSS
.parent { overflow: auto; transform: scaleX(-1); //Reflects the parent horizontally } .sleeve { transform: scaleX(-1); //Flips the child back to normal }
注意：对于IE 9 以前的浏览器，您可能需要使用-ms-transform或-webkit-transform前缀。选中CanIUse ，然后单击“全部显示”以查看较旧的浏览器要求。
这是我做了正确的滚动条工作。 唯一需要考虑的是使用'方向：rtl'，整个表也需要改变。 希望这给你想法如何做到这一点。
例：
<table dir='rtl'><tr><td>Display Last</td><td>Display Second</td><td>Display First</td></table>
检查这个： JSFiddle
