javascript - jQuery scrollLeft 不处理隐藏元素

Question

我有一个大容器 DIV，其中包含许多其他元素并且有滚动条。当 DIV 可见时，我得到了 scrollLeft 的数量，但是当我隐藏元素时，scrollLeft() 返回 0。

同样，如果我在 scrollLeft(100) 中设置值，我最终会得到 0。

Follow the Jsfiddle

Answer 1

jQuery.hide() 将 display: none; 设置为它所应用的元素。 display: none; 的元素的尺寸为 0px by 0px 并且被呈现引擎视为当前不属于的元素DOM。因此，除非临时显示该元素，否则您将无法检索当前滚动位置。

$("#parent").show();
console.log($("#parent").scrollLeft());
$("#parent").hide();

Here's the updated fiddle.