jQuery scrollLeft不能在隐藏元素上工作

Question

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

如果

同样的方式我scrollLeft(100)设置的值我最终得到0.1

Follow the Jsfiddle

Answer 1

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

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

Here's the updated fiddle.

Answer 2

你怎么隐藏自己的DIV？ 尝试使用的

visibility:hidden 

代替

display :none 

因为能见度处理DIV的知名度，但保持空间和显示处理空间做了DIV占据。