jQueryUI - поведение перетаскиваемого элемента (диапазона) с вертикальной полосой прокрутки

Question

У меня возникла следующая проблема: Я создал несколько элементов span, которые можно перетаскивать (перетаскиваемый компонент jQuery UI). Моя страница имеет вертикальную полосу прокрутки.

Элементы span находятся внизу страницы, так что мне нужно прокрутить вниз.

Если я начну перетаскивать элемент span (в Firefox), этот элемент не будет прилипать непосредственно к курсору - между курсором и элементом имеется «поле», возможно, 50 пикселей в верхней части курсора.

Эта проблема не появляется, например, хром.

В чем может быть проблема?

Answer 1

У меня была эта проблема, и мне удалось найти решение. Проблема в overflow-y: scroll, который добавляется в элемент html. Это свойство добавляется по умолчанию, если вы используете normalize.css.

Либо полностью удалите overflow-y: scroll, либо удалите его из html-элемента и добавьте в элемент body.