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

Я пытаюсь программно увеличить масштаб на том, что я вижу на странице, не изменяя, какую часть содержимого я вижу, независимо от того, где находится уровень прокрутки. Я хочу, чтобы это было анимировано и красиво.

Таким образом, я использую $('body').animate({zoom:2.0}, 1000) чтобы оживить масштаб, но это вызывает раздражающий побочный эффект сохранения верхней части видимого окна в одной и той же точке документа ( браузер пытается сохранить меня, где я был, на самом деле, полный сбой), поэтому мне нужно в основном непрерывно прокручивать до того же относительного вертикального центра страницы, что и анимация, чтобы обойти это. Как это можно сделать? Я не знаю, как сделать две вещи одновременно с animation---. Я имею в виду, что я могу сразу изменить несколько свойств 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 height level relative to center of window is unchanged
        4.Repeat until animation is complete