如何放大屏幕中心？

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組件用於您的目標。