jquery - 将 div 滚动从滚动区域的右侧移动到左侧

Question

我正在寻找改变 div 滚动位置的解决方案：http: //neutrinoteam.com/clients/sezer-tech.com/ ?page_id=32

我想将滚动移动到项目的左侧而不是右侧。有解决方案吗？

谢谢

Answer 1

尝试'方向：rtl;' 在 div css 中。但它也会影响内部文本，所以将所有内容放在一个包装器div中，对于包装器，将方向改回ltr。html:

<div id="Container">
    <div id="Content">
        bla bla
    </div>
</div>

CSS：

#Container
{
    direction: rtl;
}
#Content
{
    direction: ltr;
}

或结合

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

Answer 2

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

Answer 3

对主 div (rtl) 使用方向属性，然后对项目使用 ltr。

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

Answer 4

试试direction:rtl;你的CSS。

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

#PARENT_DIV_ID div{
    direction:ltr;
}

注意：我只是认为内部文本在 div 中。

Answer 5

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

JS：

$(function()
{
$('.scroll-pane').jScrollPane();
});

CSS：

/* Force the scroll bar to the left hand side of the screen */
.jspVerticalBar
{
    left: 0;
}

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

在这里找到工作解决方案：http : //jsfiddle.net/hDSnw/1/

我已经基于这个RESOURCE开发了小提琴。你可以试试这个看看你可以做的各种事情jscrollpane。