如何放大屏幕中心？

Question

我試圖以編程方式放大我在頁面上看到的內容，而不更改我看到的內容的哪一部分，而不管滾動級別在哪裏。我希望這是動畫和漂亮。

所以我用$('body').animate({zoom:2.0}, 1000)動畫變焦，但這文檔在保持可視窗口的頂部在同一點的刺激性副作用（瀏覽器的企圖保持我在哪裏實際上是完全失敗的），所以我需要基本上連續滾動到相同的相對垂直中心的頁面，因爲它的動畫爲了解決這個問題。如何做到這一點？我不知道如何用動畫同時做兩件事---我的意思是我可以一次更改多個CSS屬性，但我怎樣才能滾動？

從本質上講，它需要做這樣的事情：

Call begin zoom animation: 
     1.Mark height level of any element that appears at center of window 
     2.Do one step of zoom animate 
     3.Scroll so that that element's height level relative to center of window is unchanged 
     4.Repeat until animation is complete 

Answer 1

你能爲你的目標Panzoom組件。