jQuery scroll hiddenは非表示の要素には作用しません

Question

私は大きなコンテナDIVを持っていますが、他の多くの要素があり、スクロールバーを持っています。私はscrollLeft(100)に値を設定した場合、私は0

Follow the Jsfiddle

Answer 1

jQuery.hide()を取得し終わると同じようにDIVが表示されているときscrollLeftの量を取得するが、私は要素を隠すscrollLeft() 0を返します。

適用される要素にdisplay: none;を設定します。 display: none;の要素は0pxと0pxの次元を持ち、レンダリングエンジンは現在DOMの一部ではない要素として扱われます。したがって、一時的に要素を表示しない限り、現在のスクロール位置を取得することはできません。

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

Here's the updated fiddle.

Answer 2

どのようにあなたのdivを隠していますか？ 可視性がDIVの可視性を扱うが、スペースを確保し、ディスプレイはスペースを扱うDIVが占めないので代わりに

display :none 

の

visibility:hidden 

を使用してみてください。