Question

我们正致力于单页面应用。它以两种语言呈现。一个是从右到左，另一个是从左到右。

对于滚动功能，我们使用ng-scrollbars，它是malihu-custom-scrollbar-plugin的Angularjs包装器。对于从左到右格式的语言，它可以正常工作，但问题在于从右到左的语言。

问题是拖动水平滚动条使内容滚动到相反的方向。

以下是滚动条在不滚动时的位置：

这就是滚动到左边和右边时的样子。正如您所看到的，内容区右侧有一个巨大的空间：

我正在寻找任何可能遇到过类似问题的人的解决方案。提前谢谢。

更新

我的HTML是：

<div class="block" ng-scrollbars>
    <!--My contents-->
</div>

我的css是：

*{
    direction:rtl;
 }

Plunker Reproducing Issue

Answer 1

问题出在我的CSS中。我为所有元素设置了tm css属性为direction。

rtl

使用指令* { direction: rtl; }添加ng-scrollbar属性解决了问题。

dir