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

Question

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

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

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

使缩放的图像位于页面的中心。

我想要放大图片仅在 之后上一个图像被缩放回其位置。

我的代码是 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