在中心滾動圖像並在中心縮放

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:進行調整-webkit-transition-delay:

DEMO