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

一組圖像在頁面中心垂直對齊。在keyPress上，我可以放大該圖像。在中心滾動圖像並放大中心

例如：如果我嘗試縮放超出頁面的圖像，它將放大到頁面外某處或圖像被裁剪。

所有我想要做的是，當我按鍵，我婉做出改變

使放大的圖像在頁面中心。
我想要圖像放大只有在之前的圖像放大到其位置。

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

來源

2013-12-11 Archana

調整這一點，你可以只告訴ysterday rt :)？ – Sarath

我認爲這個問題太長，沒有人會回答，或只是downvote。所以我只是限制我的問題昨天過渡:) – Archana

另外我還有一個相關的問題，我會問這之後:) – Archana

一種方法是移動的包裝調整位置

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

和DELY你可以用-webkit-transition-delay:

DEMO

來源

2013-12-11 07:47:26 Sarath

Thankyou @Sarath。在你的幫助下，我能夠實現我想要的。這是一個[鏈接]（http://fiddle.jshell.net/6H34m/），它顯示了圖像的滾動和居中以及延遲和平滑的過渡。 – Archana

剛剛清理你的代碼... http://fiddle.jshell.net/6H34m/1/ – Sarath

它的好Sarath。謝謝。 – Archana

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

回答

相關問題