Есть примерно такая разметка
<body>
<div class="Item1" id="Item1"><a href="#">О компании</a></div>
<div class="Item2" id="Item2"><a href="#">Наши услуги</a></div>
У <body> есть фоновый рисунок.
В момент нажатия на ссылку блоку со ссылкой присваивается фон <body> с тем же масштабом. Масштаб определяется так
var realWidth = $(window).width() > $(window).height() ? img.width/img.height * $(window).height() :$(window).width();
var scaleWidth = realWidth/$(window).width();
Фон блока подгоняется через background-size и background-position.
Все вроде работает, но есть несовпадение на примерно +процент и в итоге небольшое смещение
Как добиться полного совпадения?