javascript - 带有隐藏 overflow-x 的父级的 div 上的编程滚动

Question

这正是标题中描述的内容。
我的 parent 有 overflow-x: hidden。
我有 3 行内容溢出。

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

但是，如果我将行更改为具有 overflow-x: auto，程序化滚动会起作用，但它还会显示一个水平滚动条。 JS fiddle :https://jsfiddle.net/w6v1xydn/6/

问题:我想了解为什么会这样。以及如何在不显示水平滚动条的情况下使滚动条工作？ (并且不使用 css 隐藏水平滚动条不是一个选项)

PS:更喜欢非纯 HTML/CSS/JS 答案。 没有 jQuery

更新 1:父级定位似乎对此没有影响

Answer 1

如果你移动它会起作用

overflow-x: hidden

改为转到行类。

而且您真的不需要 overflow-x: 隐藏在容器中，因为到目前为止您放入其中的每个元素都将其宽度设置为 100%。