Здравствуйте.
Подскажите пожалуйста.
Есть основной елемент, который отпозиционирован абсолютно и его высота(top) меняется, то есть он едет вниз-вверх. Внутри него есть другой элемент, который так же отпозиционирован абсолютно, но у него есть координаты слева и сверху.
Вопрос: как сделать так, чтоб изменения внешнего элемента, то есть его изменения координат сверху(top) не отоюражались на внутренем елементе, чтоб несмотря на то, что основной элемент меняет свое положение, — внутренний оставался постоянно на заданных координатах? #main { position: absolute; width: 400px; }
#elem { background: red; height: 100px; position: absolute; top: 300px; width: 100px; }
в общем вот: xopc-m.ua/test/
Как видите, вначале все хорошо, на как только мы перетаскиваем любую карточку в пустой слот, а потом снова начанаем прокручивать слайдер, то он выталкивает вставленную карточку.
Структуру я менять не могу — вся логика прошита уже в джаваскрипет и тогда прийдется снова все переделывать
Вытаскивайте в другой контейнер когда она на месте пустого слота, и назад суйте в изначальный контейнер когда они в изначальноп моложении. Так и Вам будет проще в дальнейшем.
Вам необходимо при дропе cardPile с помощью js выносить(дублировать) из #leftPanel в #game, при этом позиционируя абсолютно. При клике по закрыть на cardPile брать позиция copyCard из leftPanel и «лететь» cardPile туда, после чего опять вносить(удалять дубликат) в #leftPanel
