程序员滚动div与父与overflow-x隐藏

Question

这正是标题中描述的内容 我的父母有overflow-x: hidden 我有3行，其中有一些内容溢出。

在这种情况下，我无法以编程方式滚动其中一行。 JS小提琴：https://jsfiddle.net/w6v1xydn/5/

但是，如果我将行更改为overflow-x: auto，则程序化滚动会起作用，但它也会显示水平滚动条。 JS小提琴：https://jsfiddle.net/w6v1xydn/6/

问题：我想了解为什么会这样。如何在没有水平滚动条显示的情况下使滚动工作？ （并且不使用css隐藏水平滚动条不是选项）

PS：更喜欢没有简单的HTML / CSS / JS答案。 没有jQuery

更新1 ：家长定位似乎不会影响此

Answer 1

如果移动

，则有效

overflow-x: hidden

改为行级。

你真的不需要在容器上隐藏的overflow-x：因为到目前为止你放入其中的每个项目的宽度都设置为100％。

Answer 2

请看这里：https://jsfiddle.net/cornelraiu/w6v1xydn/8/

将子div设置为相对位置，如下所示：

#container > div {position: relative;left:0}

然后在js：

document.getElementById("row1").style.left = '-50px';

这应该有效