Смещается точка мыши, при зуме всего сайта. Как исправить?

Question

[Alexey10]

Привет. Вместо курсора при наведении прилепляю блок. Все хорошо работает. После того как тегу html добавляю zoom: 110% . (нужно для задачи). Блок смещается от курсора. Не пойму, почему так. Как решить такой вопрос? Я так понимаю при масштабировании всего сайта, точка мыши смещается. Как мне исправить ? Нужна формула я так понимаю

$('body').on('mousemove', '.items__post_hover', function(e) {
            $('.hover_post_cursor').addClass('active');
            $('.hover_post_cursor').css('top', e.clientY-20+'px');
            $('.hover_post_cursor').css('left', e.clientX-20+'px');
    });

Answer 1

[wadowad]

Масштабируйте относительно того места, где находиться курсор. transform-origin позволяет установить "центр масштабирования". Если масштабируется body, то код будет примерно такой:

$('body').css('transform-origin', e.pageX + 'px ' + ($(window).scrollTop() + e.pageY) + 'px');

Answer 2

[Дмитрий Марков]

Попробуй может мышку масштабировать если пользователь изменил зум браузера
https://stackoverflow.com/questions/995914/catch-b...