Как увеличить масштаб экрана в центре экрана?

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 компонент для вашей цели.