JQuery Overflowed Div,动画移动

时间:2014-02-21 02:44:51

标签: javascript jquery html css css3

不知道怎么说这个,所以一点点jsfiddle工作:

http://jsfiddle.net/UwEe2/

这是我需要完成的基本想法,除了我需要将图像置于中心位置(以便在250x250小窗口中显示正中心,水平和垂直of this image)能够在所有四个方向上滚动到图像的边缘。

我拥有的,如果我将图像的确切高度和宽度减半,http://jsfiddle.net/UwEe2/599/,它会在style="position:relative; top:-330px; left:-330px;"内使用第二个div,这会使图像更多到我需要它的地方,但不允许在初始屏幕之外向左和向上滚动图像。

希望这是有道理的......我现在很茫然。

1 个答案:

答案 0 :(得分:1)

您需要做的就是将初始scrollTopscrollLeft设置为图像大小减去容器除以2。

$('#container').scrollTop(($('#container img').height()-$('#container').height())/2).scrollLeft(($('#container img').width()-$('#container').width())/2);

http://jsfiddle.net/UwEe2/600/