使用overflow-x在div中设置x滚动位置的纯javascript方法

Question

如何使用纯javascript或angularjs使用水平/溢出-x设置div滚动的x位置？重要提示：我不是在寻找jquery解决方案——使用angularjs，jquery不会立即工作。

$anchorScroll（）在angularjs中滚动到垂直位置，但不滚动到水平位置afaik。$window.scroll或window.scrollTo（x， y）不滚动溢出x div。如果这里有人确信我尝试过的方法在某些修改下会起作用，我也想知道。

Answer 1

我无意中发现了这个诡计，我正在寻找解决这个问题的跨浏览器解决方案
我发现scrollBy on元素只适用于Firefox<我知道这是一个老问题，但也许有人也像我一样寻找这个
假设div id是滚动的：

    function ScrollByLeft() {
          document.getElementById("scroll").scrollBy(10, 0);
    }
    function ScrollByRight() {
          document.getElementById("scroll").scrollBy(-10, 0);
    }

    function ScrollLeft() {
          document.getElementById("scroll").scrollLeft=10;
    }
    function ScrollRight() {
          document.getElementById("scroll").scrollLeft=-10;
    }

div#scroll {
	width: 180px;
	overflow-x: scroll;
}

<div id="scroll">
<p>
    Scroll.strange.wery.long.word.horizontally.for.10.pixels.left.and.right.also.but.only.on.Firefox.as.I.know</p>
</div>
<button onclick="ScrollByLeft()">ScrollBy Left!</button>
<button onclick="ScrollByRight()">ScrollBy Right!</button>
<br>
<button onclick="ScrollLeft()">ScrollLeft Left!</button>
<button onclick="ScrollRight()">ScrollLeft Right!</button>

Answer 2

您可以使用$（选择器）。向左滚动（amountToMove）

document.get使用纯javascript或

angular.element（selector）. scroll左（量ToMobile）；使用angularjs。