Почему суммируются значение?

Question

[massef]

Приветствую.

Сходу пример jsfiddle.net/9yvm8nu4/embedded/result

Кликните сначала на любое изображение в 1м ряду, под ним появится красный блок растянутый на всю ширину экрана. Ок, тут все хорошо. Затем кликните во 2м или 3м ряду, красный блок сползает ниже, ровно на то значение margin-bottom которое применяется к классу album_row, т,е оно сумируется дважды.
Объясните дибилу, почему это происходит, куда копать ?

UPD: Причем если кликать по рядам снизу вверх, то все работает как надо.

Answer 1

[Александр Боровиков]

У вас ничего не ссуммируется. Просто вы устанавливаете в свойство top красненького блока такие значения. Точнее, для этого вы используете переменную coverPos, в которую изначально пишете расстояние от верха страницы до блока, по которому кликаете. Если красный блок был выше изображения, то и это расстояние включает высоту красного блока.
Проблема решится, если до начала расчета позиции вы будете скрывать красный блок, либо если будете учитывать его расположение на странице.

Answer 2

[Константин]

jsfiddle.net/jv7nzohv/embedded/result

Вот так надо было.

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

Как верно заметил netrain, помогло скрытие красного блока.