ru.javascript.info icon indicating copy to clipboard operation
ru.javascript.info copied to clipboard

Scroll bug in "Drag heroes" task.

Open Ledorub opened this issue 5 years ago • 2 comments

If hero is dragged up after scrolling down, scrolling down continues until newBottom <= documentElement.clientHeight.

Task Plunker

bug

Ledorub avatar Aug 27 '20 19:08 Ledorub

Что там именно не так, поясните?

iliakan avatar Sep 13 '20 18:09 iliakan

При перемещении изображения героя увеличивается координата нижнего края изображения относительно окна. let newBottom = newY + dragElement.offsetHeight

Прокрутка срабатывает когда нижний край изображения перемещается за нижнюю границу окна. if (newBottom > document.documentElement.clientHeight) {...} (1)

Если после прокрутки вниз, не отпуская изображение, потянуть его вверх, то newBottom в первое время будет больше document.documentElement.clientHeight. В связи с чем выполнится условие (1) и произойдет прокуртка вниз.

Ledorub avatar Sep 15 '20 17:09 Ledorub