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

Question

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

例如:如果我尝试缩放页面外的图像，它会在页面外某处缩放或被裁剪。

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

1. 将放大后的图片放在页面中央。
2. 我希望图像仅在之前的图像缩放回其位置后缩放。

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

Answer 1

一种方法是移动wrapper来调整位置

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

您可以使用 -webkit-transition-delay: 进行调整

DEMO