UI-Draggables перемещаются с контейнером

Question

Я сделал одностраничный сайт (он, вероятно, не будет работать ни в одном браузере, он все еще в разработке), с фиксированной фоновой картинкой.У меня есть несколько монет, я хочу, чтобы пользователь перетаскивал их (если он уронит их в тарелку, будет играть музыка).Проблема: когда пользователь прокручивает сайт, его положение относительно мыши меняется.Это потому, что они добавлены в тот же контейнер, который содержит прокручиваемые части.То, что их положение зафиксировано, не помогает.

Я пытался обернуть дырочку в (фиксированный) контейнер и добавил к нему монеты, но прокрутка не работает.Как бы я поступил так?

Заранее спасибо, Себастьян

Answer 1

Ваш overflow: auto в CSS для html,body вызывает проблему. Если вы удалите эту строку, ваши монеты будут вести себя как положено.

Конечно, это заставляет фоновую прокрутку снова.

Answer 2

Установите объект монет в положение: относительное;и установить сверху и слева.Попробуйте это:

#coin3{
position:relative;
left: -16px;
top: -5143px;
}

Кстати, хороший дизайн и идея!Мне нравится, что скролл ругается:)