如何在html中定位垂直滚动条？

Question

我有一个固定宽度和高度的div和overflow：scroll属性。

我希望垂直滚动条显示在div的左侧而不是右侧。

任何CSS或JavaScript解决方案？ （支持ff和ie）

Answer 1

您可以使用JScrollPane这是一个跨浏览器的jQuery插件，使用您自己的滚动条创建自定义滚动条。

我知道你没有要求jQuery解决方案，但我认为在这种情况下这是明显的选择

Answer 2

您可以将div放在另一个div中，并将外部div的方向设置为 rtl ，如下所示：

<div style="direction: rtl; overflow: scroll">
     <div style="direction: ltr">
         Long content
     </div>
</div>

但遗憾的是，这在FireFox中不起作用（适用于Opera和IE）。因此，如果您确实需要，可能需要使用一些自定义滚动条解决方案。

Answer 3

标准HTML / CSS中不可用。如果你真的需要这样做，你将不得不做一些javascripting。

但我的问题是你为什么要这样做？您将改变标准用户界面。除非你有一个相当具体的用例，否则它会有很多工作，几乎没有任何好处，你的用户不太可能感谢你。