如何在css中从左到右移动滚动条？答案

【问题标题】：how to move scrollbar from left to right in css?如何在css中从左到右移动滚动条？
【发布时间】：2018-10-09 16:57:25
【问题描述】：

我在我的网页中创建了一个滚动条，它位于一个分区的左侧。我不知道我从哪里到左边的位置。如何将其从左侧位置移动到右侧位置？

【问题讨论】：

您能否提供更多信息和代码示例？
您到底想知道什么？
一个 JsFiddle 链接，其中包含完全复制您的情况的 HTML 和 CSS。
exactly what do you want to know? 这必须由我们而非您提出。描述与您的问题相关的所有内容。
这能回答你的问题吗？ How to position a div scrollbar on the left hand side?

标签： css

【解决方案1】：

以#font6 样式将方向从rtl 更改为ltr。

例如，

#font6 {
    direction: ltr;
    display: block;
    height: 218px;
    overflow: auto;
    position: absolute;
    right: 76px;
    top: 15px;
    width: 58%;
}

这将解决您的问题。

希望对您有所帮助。

【讨论】：

解决方案可能是正确的，但 OP 在哪里提到 #font6？
我认为这不会改变文本方向，而只会改变滚动条
他粘贴了该问题的链接，后来他删除了该链接。 - @Mr_Green

【解决方案2】：

html{
    overflow: hidden;
}
html, body {
	min-height: 100%;
    height: 100%;
    position: relative;
 
}
body {
	 
    overflow-x: hidden;
    overflow-y: auto;
    
}

<html lang="ar" dir="rtl"><head>
 
</head>
<body> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></body></html>

【讨论】：

【解决方案3】：

你的问题是这个 css 规则：

direction: rtl;

在某些浏览器中将滚动条移动到左侧

尝试将一个带有滚动条的 div 容器和一个分配给包含在 div 容器中的文本集 direction: ltr; 到 div，而不是文本集 direction: rtl;

【讨论】：