Перемещение UI-Draggables с контейнером

Я сделал a single page site (он, вероятно, не будет работать в любом браузере, его все еще в процессе строительства), с фиксированным фоном. У меня есть несколько монет, я хочу, чтобы пользователь перетащил (Если он упадет в тарелку, будет играть музыка). Проблема. Когда пользователь прокручивает сайт, изменяется их положение относительно мыши. Это потому, что theyre прилагается к тому же контейнеру, который содержит прокручиваемые части. То, что их позиция исправлена, не помогает.Перемещение UI-Draggables с контейнером

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

Заранее спасибо, Sebastian

источник

2012-02-01 Sebastian Starke

Установите ваши монеты объекта в положение: относительная; и установите верхнюю и левую. Попробуйте следующее:

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

Кстати, хороший дизайн и идея! Мне это нравится scoll scolls :)

источник

2012-02-01 21:30:51 Miro

Если я это сделаю, монеты перемещаются вместе с бумагой. но они должны оставаться на столе. Я действительно рад, что вам нравится сайт. Его первый собственный веб-дизайн. –

Я только что проверил, и он работает. Просто установите для вашего изображения bg значение FIXED: background: # 111 url (../ img/bg.jpg) ** fixed **; – Miro

Большое спасибо! Я не пробовал фиксированный фон, потому что предположил, что это не сработает. Я попытался создать еще один контейнер, только для фонового рисунка. Полагаю, это было глупо. –

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

Конечно, это делает фоновый прокрутку снова.

источник

2012-02-01 22:26:21

Да, но фон должен оставаться неподвижным, конечно. –

С фиксированным фоном оба ваших решения, похоже, работают. И тебе спасибо! –

Перемещение UI-Draggables с контейнером

ответ

Смежные вопросы