スクロール レベルがどこにあるかに関係なく、表示されているコンテンツの部分を変更せずに、ページに表示されているものをプログラムで拡大しようとしています。これをアニメーション化してきれいにしたい。
そのため、ズームをアニメーション化するために使用していますが、これには、表示されているウィンドウの上部がドキュメント内の同じポイントに$('body').animate({zoom:2.0}, 1000)維持されるという苛立たしい副作用があります (実際には、ブラウザが私がいた場所に留まろうとして完全に失敗しました)。それを回避するには、基本的に、ページがアニメーション化されているのと同じ相対的な垂直方向の中心までスクロールし続ける必要があります。どうすればそれができますか？アニメーションで一度に 2 つのことを行う方法がわかりません --- 一度に複数の 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