我试图以编程方式放大我在页面上看到的内容,而不改变我看到的内容的哪一部分,无论滚动级别在哪里。我希望这是动画和漂亮的。
所以我用$('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