スクロールバーのオフセットに調整しますか？

Question

垂直スクロールバーがコンテンツをプッシュオーバーしないようにする方法はありますか？

私は、異なる入力に基づいて高さが変化するページを持っていて、入力がトグルされるたびにコンテンツが前後にスクロールされます（コンテンツは中央に配置されます）。

アイブはこれをCSSと少しjqueryで調整しようとしましたが効果がないようです。スクロールバーを非表示にするか、スクロールバーが常に表示されるようにしますか？

これはjavascriptまたはjqueryを使用して調整できるようです。相続人jsFiddleとHERESに私のコード：

<center> 
<div id="content-container"> 

<div id="img" style="left: 50%; position:fixed"> 
<img src="http://www.google.com/images/logos/ps_logo2.png" width="122"> 
</div> 

<div id="panel" style="position:absolute;top:1950px; border:solid; widt:00px; "> 
<div class="content"> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
</div><!-- Panel --> 
</div><!-- content --> 
</div><!-- content-container --> 
</center> 

<script> 
// On load panel slides in from bottom of page 
$("#panel").delay(100).animate({ 
    top: "150px" 
}, 1000); 
</script> 

私は多分解決策はJavascript scroll offsetを使用することだと思ったけどわかりませんよ。

Answer 1

overflow:scrollをbody要素のスタイルに追加します。これにより、コンテンツがオーバーフローしたかどうかに関係なく、スクロールバーが強制的に表示されます。