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 scroll offset但不确定。

Answer 1

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

调整到滚动条偏移量？

1 个答案: