Javascript 如何在屏幕中央放大？

我试图通过编程放大我在页面上看到的内容，而不改变我看到的内容的哪一部分，无论滚动级别在哪里。我希望这是动画和美丽

因此，我使用

$（'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

---

您可以使用组件实现您的目标。

实际上，浏览器在缩放时的滚动行为似乎因页面而异。