调整滚动条偏移量？

Question

有没有办法防止垂直滚动条压过您的内容？

我有一个页面，它根据不同的输入更改高度，并且每次切换输入时滚动条都会来回推动我的内容（内容居中）。

我尝试用 css 和一点 jquery 来调整它，但似乎没有效果。我不想隐藏滚动条或使其始终可见。

似乎可以使用 javascript 或 jquery 来调整。这是 jsFiddle ，这是我的代码：

<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 滚动偏移 但我不确定。

Answer 1

将 overflow:scroll 添加到 body 元素的样式中。这将强制浏览器显示滚动条，无论内容是否溢出。