左侧的 HTML 元素滚动条 [重复]答案

【问题标题】：HTML element scrollbar on the left [duplicate]左侧的 HTML 元素滚动条 [重复]
【发布时间】：2010-05-05 18:35:47
【问题描述】：

可能重复：
DIV Vertical Scroll bar on left

有没有办法使用 css 或 js 在左侧而不是右侧显示元素的滚动条？我不需要跨浏览器的方式，我只在 Firefox 上需要它。

【问题讨论】：

如果您使用的是 RTL 语言，它将位于左侧。如果您使用的是 LTR 语言，那么您就违反了非常非常标准的约定，并使其更难使用。
为什么要这样做？它不违反每个操作系统和软件设定的约定吗？
是的，我知道，但它不适用于公共站点，所以我不关心标准。我需要它，因为我有一个高度固定的非常大的元素，所以如果我必须向下滚动其内容，我必须先进行水平滚动，但如果我可以将滚动条放在右侧，我可以垂直滚动而无需水平移动。
你可能对askvg.com/…感兴趣

【解决方案1】：

如果您希望方向是从左到右，但仍想违反用户对滚动条的所有期望，那么您可以使用 javascript 破解它。
只需在内容的左侧创建一个 1px 宽的 div。让它与您要滚动的内容的高度相同。然后将onscroll 事件连接到该 div，当用户滚动该 div 时，您可以手动滚动内容区域。

一些进一步的提示：主要内容区域需要有overflow:hidden，您可以使用margin-top 的负值来伪造滚动。

【讨论】：

【解决方案2】：

试试

<textarea dir="rtl">

或

<body dir="rtl">

或

<html dir="rtl">

【讨论】：