在中心滚动图像并在中心缩放

Question

一组图像垂直对齐在页面的中心。 在keyPress上，我可以缩放该图像。

例如：如果我尝试缩放页面外的图像，则会将其缩放到页面外的某处或者裁剪图像。

我想做的就是，当我按下keyPress时，我想做出改变

1. 将缩放图像放在页面中央。
2. 我希望图片只有在上一张图像缩放回原位后才能缩放。

我的代码是http://fiddle.jshell.net/PB49p/

Answer 1

一种方法是移动包装器以调整位置

function scrollWrapper(n) {
  var tansvalue  = -150 * (n-1);
  wrapper.setAttribute('style', '-webkit-transform:translate(0,'+tansvalue+'px);');
}

并且您可以使用-webkit-transition-delay:

进行调整

DEMO