Jquery 将div scroll从滚动区域的右侧移到左侧

Jquery 将div scroll从滚动区域的右侧移到左侧,jquery,html,css,Jquery,Html,Css,我正在寻找更改div滚动条位置的解决方案: 我想将滚动条移动到项目的左侧,而不是右侧。 有解决办法吗 谢谢试试“方向:rtl;”在div css中。 但它也会影响内部文本,因此将所有内容放在包装器div中,对于包装器,将方向更改回ltr。 Html: 或合并 <div style="direction: rtl;"> <div style="direction: ltr;"> bla bla </div> </div&g

我正在寻找更改div滚动条位置的解决方案:

我想将滚动条移动到项目的左侧,而不是右侧。 有解决办法吗


谢谢

试试“方向:rtl;”在div css中。 但它也会影响内部文本,因此将所有内容放在包装器div中,对于包装器,将方向更改回ltr。 Html:

或合并

<div style="direction: rtl;">
    <div style="direction: ltr;">
        bla bla
    </div>
</div>

尝试“方向:rtl;”在div css中。 但它也会影响内部文本,因此将所有内容放在包装器div中,对于包装器,将方向更改回ltr。 Html:

或合并

<div style="direction: rtl;">
    <div style="direction: ltr;">
        bla bla
    </div>
</div>
尝试方向:rtl;在你的css中

#PARENT_DIV_ID{
    direction:rtl; 
    overflow:auto;
}

#PARENT_DIV_ID div{
    direction:ltr;
}
注意:我刚才认为内部文本在div中。

尝试方向:rtl;在你的css中

#PARENT_DIV_ID{
    direction:rtl; 
    overflow:auto;
}

#PARENT_DIV_ID div{
    direction:ltr;
}

注意:我刚才认为内部文本在div中。

方向:rtl应该可以工作,但在这种情况下,元素及其子元素中的整个文本将移到右侧,因此您必须将ltr方向添加到子元素。

方向:rtl应该可以工作,但在本例中,元素及其子元素中的整个文本将移到右侧,因此必须将ltr方向添加到子元素。

对主div rtl使用direction属性,然后对项使用ltr

.career-list {
  height: 300px;
  width: 1000px;
  direction: rtl;
  overflow: auto;
}
.career-list-item{
  ...
  direction: ltr;
}

对主div rtl使用direction属性,然后对项目使用ltr

.career-list {
  height: 300px;
  width: 1000px;
  direction: rtl;
  overflow: auto;
}
.career-list-item{
  ...
  direction: ltr;
}

最好的方法是使用:jscrollpane。请参见下面的我的代码:

JS:

CSS:

在此处找到有效的解决方案:


我在此基础上开发了小提琴。你可以试试这个,看看你可以用jscrollpane做什么。

最好的方法是使用:jscrollpane。请参见下面的我的代码:

JS:

CSS:

在此处找到有效的解决方案:

我在此基础上开发了小提琴。您可以试试这个,看看可以用jscrollpane做的各种事情。

可能重复的可能重复的
/* Force the scroll bar to the left hand side of the screen */
.jspVerticalBar
{
    left: 0;
}

.scroll-pane
{
    width: 100%;
    height: 200px;
    overflow: auto;
}