html - css overscroll滚动到位置

Question

可能重复：
更改滚动条位置

我有一个像图像浏览器一样的 div

<div style="width:100%; height:500px; overflow:auto;">
    <img src="myimage.jpg" alt="news" style="width:100%;height:auto;"/>
</div>

如果我的图像高度为 1200 像素，我是否可以预定义图像的滚动位置？页面加载时基本上滚动到图像的中间部分

我不是在寻找 jQuery 滚动动画插件。我希望页面加载已经滚动到特定位置的图像。

我的主要受众将使用各种版本的 IE....(> IE7)

Answer 1

jQuery

$('#foo').scrollTop(500);

纯JS

 document.getElementById('foo').scrollTop = 500; // (working with IE6+)

更多信息在这里找到：

• http://www.quirksmode.org/dom/w3c_cssom.html#t35

Answer 2

使用 scrollTo(0, 窗口高度 * 0.5); 或者，如果您需要，您可以计算当前 div 相对于页面偏移量的中心。