Question

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

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

由于

Answer 1

方向：rtl应该可以工作，但是在这种情况下，元素内部的整个文本和它的子元素将移动到我认为的右侧，所以你必须将ltr方向添加到子元素。

Answer 2

尝试'方向：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 3

在你的CSS中尝试direction:rtl;。

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

#PARENT_DIV_ID div{
    direction:ltr;
}

注意：我刚认为内部文字在div中。

Answer 4

使用主div（rtl）的direction属性，然后使用ltr。

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

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做的各种事情。

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

5 个答案: