Fatal编程技术网
  • css/
  • Css 如何在html中定位垂直滚动条？

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

css html

Css 如何在html中定位垂直滚动条？,css,html,scrollbar,overflow,Css,Html,Scrollbar,Overflow,我有一个具有固定宽度和高度以及溢出：滚动属性的div 我希望垂直滚动条显示在div的左侧，而不是右侧 有css或javascript解决方案吗？（同时支持ff和ie）您可以使用跨浏览器jQuery插件，使用自己的滚动条创建自定义滚动窗格 我知道您没有要求使用jQuery解决方案，但我认为在这种情况下这是一个明显的选择您可以将您的div放在另一个div中，并将外部div的方向设置为rtl，如下所示： <div style="direction: rtl; overflow: scroll"&

我有一个具有固定宽度和高度以及溢出：滚动属性的div

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

有css或javascript解决方案吗？（同时支持ff和ie）

您可以使用跨浏览器jQuery插件，使用自己的滚动条创建自定义滚动窗格

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

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

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


长内容
但不幸的是，这在FireFox中不起作用（在Opera和IE中起作用）。因此，如果您真的需要，也许可以使用一些自定义滚动条解决方案。

在标准HTML/CSS中是不可能的。如果你真的需要这样做，你必须做一些javascripting

但我的问题是你为什么要这么做？您将更改标准用户界面。除非你有一个相当具体的用例，它是有意义的，否则这将是大量的工作，几乎没有任何收益，你的用户不太可能感谢你