不知道怎么说这个,所以一点点jsfiddle工作:
这是我需要完成的基本想法,除了我需要将图像置于中心位置(以便在250x250小窗口中显示正中心,水平和垂直of this image)能够在所有四个方向上滚动到图像的边缘。
我拥有的,如果我将图像的确切高度和宽度减半,http://jsfiddle.net/UwEe2/599/,它会在style="position:relative; top:-330px; left:-330px;"
内使用第二个div,这会使图像更多到我需要它的地方,但不允许在初始屏幕之外向左和向上滚动图像。
希望这是有道理的......我现在很茫然。
答案 0 :(得分:1)
您需要做的就是将初始scrollTop
和scrollLeft
设置为图像大小减去容器除以2。
$('#container').scrollTop(($('#container img').height()-$('#container').height())/2).scrollLeft(($('#container img').width()-$('#container').width())/2);