不知道怎么表达这个,所以一点点 jsfiddle 工作:
这是我需要做的事情的基本想法,除了我需要图像居中(这样正中心,水平和垂直,of this image,出现在 250x250 的小窗口中并且能够在所有四个方向上滚动到图像的边缘。
我所拥有的,如果我将图像的确切高度和宽度减半,这将起作用,http://jsfiddle.net/UwEe2/599/ ,它在第一个 div 中使用 style="position:relative; top:-330px; left:-330px;"
,将图像更多地移动到我需要的位置,但不允许在初始屏幕上向左和向上滚动图像。
希望这是有道理的......我现在很茫然。
最佳答案
您需要做的就是将初始 scrollTop
和 scrollLeft
设置为图像减去容器的大小除以二。
$('#container').scrollTop(($('#container img').height()-$('#container').height())/2).scrollLeft(($('#container img').width()-$('#container').width())/2);
关于javascript - JQuery 溢出 Div,动画移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21924276/