Получение разной высоты по клику по прокрутке главной страницы

Question

Я пытаюсь создать пятно разностной игры с jQuery. В принципе, несколько изображений сложены, расположены абсолютно в контейнере. Над контейнером находится заголовок страницы с логотипом и меню, которое занимает около 120 пикселей над контейнером изображений.

Когда кто-то нажимает на область внутри изображения, я помещаю туда новый div с правильной отметкой (V) или неправильным (красный X).

Я пытаюсь получить позицию мыши внутри элемента, используя следующий код (следующее используемого событие переменного й возвращаются в случае щелчка только, чтобы быть ясно):

var parentOffset = $(this).parent().offset(); 
var topOffset = e.clientY - offset.top; 

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

Когда я прокручиваюсь в верхней части страницы, метка позиционируется правильно.

Я создал такую ​​игру раньше, но не могу понять, почему внезапно вычисление неверно: \ Кажется, что я получаю расстояние минус высота прокрутки, но не уверен.

Спасибо за ваше понимание, Yanipan

Answer 1

Я играл с Firebug немного, и это выглядит как e.originalEvent.layerY именно то, что вы ищете.

Он всегда показывает абсолютные координаты вашего клика внутри объекта с щелчком, независимо от того, где прокручивается экран.