編程式滾動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 

到行類，而不是它的工作原理。

而且你真的不需要溢出-X：隱藏在容器爲你把裏面至今，它的寬度設置爲100％，每個項目上。

Answer 2

看吧：https://jsfiddle.net/cornelraiu/w6v1xydn/8/

設置孩子的div相對於這樣的定位：

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

然後JS：

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

這應該工作