在较小的div中滚动到div的负部分

时间:2013-09-19 15:02:47

标签: html

带图像的较大div(较小的一个)具有绝对位置,顶部和左侧为负,因此需要的部分在启动时显示。在较小的div中是滚动条,但是您无法滚动到左侧和上方的部分,只能向右和向下滚动。

如何在启动时将滚动条稍微向右和向下放置,这样我还可以滚动到左右两侧的部分?

部分代码说明:

<div  id="container" style="width:300px; height:300px; position:relative; overflow:auto;">
 <div  id="content" style="position:absolute; top:-300px; left:-200px;">
  <img src="image.jpg" width="850" height="600"></img> 
 </div>
</div>

http://jsfiddle.net/RVYtR/1/

1 个答案:

答案 0 :(得分:1)

您不能只使用HTML或CSS。您需要使用JavaScript。 我是使用jQuery library

完成的
$('#container').scrollTop('300').scrollLeft('200');

活生生的例子:http://jsfiddle.net/RVYtR/3/