如何放大屏幕中心？

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组件来实现目标。