Html 如何在Google Chrome的表的tbody元素上定位左滚动条？

我已研究过这个问题，但找不到解决办法。 该网站是一个RTL网站，所以我想在左边的滚动条。 我见过一些黑客可以做到这一点，除非我真的需要它

表的Tbody元素需要向下滚动，而头行不会消失。 我可以在tbody的右侧获得滚动条，但不知道如何将其移动到左侧

如果您有任何关于如何在左侧设置TBody滚动条的想法，我们将不胜感激

---

我很幸运，它只需要在Google Chrome上工作。

它不能用CSS更改。例如，有些浏览器（iPhone、ANdroid）没有滚动条。滚动条的位置完全取决于用户的系统，而不是网页

您可以使用Javascript来模仿您想要的内容。更换可拖动的滚动条，将其放在左侧，并在用户拖动“滚动条”时根据需要调整隐藏的溢出

尝试用谷歌搜索“jquery滚动条”或“javascript滚动条”

这里有一个有趣的替代滚动。。。拖动（类似于在谷歌地图中拖动地图的方式）：

还有另一种选择，这里有一个脚本，用于计算用户滚动条的宽度： 您可以计算宽度，然后使用overflow隐藏滚动条：hidden，然后在左侧添加一个div，其高度与要滚动的框相同，宽度与用户的滚动条相同，然后编写一个脚本，将右侧框滚动到与左侧框相同的位置，从而模仿内置的系统滚动条

有无限的可能性，只要用谷歌找到你需要的东西，并发挥创意就行了

但是，我想这正是你想要的： 正如您在示例中看到的，滚动条由元素组成。如果你愿意，你可以把它们放在左边

也许，除此之外： 这正是你需要的

看看这个，这里有一个工作示例：

我将很快更新它，以便使用一张桌子，仅用于我自己的练习。；）

---

通常情况下，您只能找到部分解决方案，需要临时想出一个完整而独特的解决方案。：）祝你好运。

如前所述。这不是CSS问题，但是，正如trusktr所说，您可以创建一个cusom javascript滚动条。基本上你是这样设置的

<div id="frame">
 <div id="scrollbar">
  Actual scrollbar
 </div>
 <div id="content">
  Content here
 </div>
</div>
<style>
 #frame {
 height: 400px;
 overflow: hidden;
}
</style>

实际滚动条
满足于此
#框架{
高度：400px；
溢出：隐藏；
}

---

然后在滚动条内创建一个可拖动的对象，该对象的位置会更改框架内内容的相对位置。

对于CSS，请使用“direction:rtl；”，但是结果在不同的浏览器中可能会有所不同。

我假设您已尝试使用CSS

direction:rtl

在某些浏览器中移动滚动条（我认为它在Chrome中不起作用）@ZDYN-是的，谢谢-不幸的是，它不起作用。特定于Firefox：垂直滚动条的位置基于客户端的本地化，不能纯粹用CSS更改。可以通过将

布局.scrollbar.side

更改为

about:config

中的

1

来覆盖它，这将允许

直接访问ion:rtl；

移动垂直滚动条。Chrome可能有类似的设置，但我不熟悉。有一个jQuery解决方案（显然，它需要链接jQuery库以及插件本身）：.@David Thomas-谢谢你的链接-它似乎没有解决表格和Tbody问题。@trusktr-你能提供一个例子或一个链接来解释如何执行你的建议吗？@trusktr-我投票支持你的答案，因为你的努力和有用的链接。请注意，你提出的解决方案并不能解决我的问题：左边有一个滚动条在使用Google Chrome.Julian的RTL页面中，这些链接确实解决了您的问题（好吧，不是直接的）使用tinyscrollbar可以让你使用HTML/CSS将滚动条放在你想要的任何地方的左边。我建议你尝试在实现示例，然后尝试使用HTML和CSS来找出如何将滚动条放在左边。事实上，如果你使用的是Google Chrome，我将向你展示如何在ac中查看它选项。请参阅答案中的更新。这如何应用于Tbody元素（HTML表的一部分）？在Google Chrome中可以吗？@Julian是否可以将thead移动到一个单独的表中，并将其放在框架的正上方，使其看起来像是同一个表的一部分，或者您可以使用div创建整个东西，使其看起来像一个表。如果它真的必须只在tbody上运行，我不知道。我宁愿不这样做我得重写我的网站。