javascript - 中央のコンテンツを移動せずにウィンドウのスクロールバーを非表示にする

Question

中央のコンテンツを (わずかに) 移動せずに、メイン ウィンドウ (垂直) スクロールバー (body/html のスクロールバー) を (一時的に) 非表示にすることはできますか?

overflow: hiddenon に設定するbody, htmlと、スクロールバーが非表示になりますが、これを行うと、中央のコンテンツがスクロールバーの幅の半分だけ右に移動します。追加できpadding-right: <width-of-scrollbar>ますが、それはさまざまです。また、スクロールバーがない場合はコンテンツを移動します。

Answer 1

You could position the centered piece relatively (left: 50%) and use javascript to set the position fixed in pixels afterwards. In jQuery:

$(".centered").offset({left : $(".centered").offset().left});

See it in action here: http://jsfiddle.net/willemvb/jP3PK/4/