Свободное перемещение элементов в Тильде

магазин кастомных решений для тильды

Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов

Получить доступ

Обучающие продукты

Бесплатные модификации

Магазин модификаций

Курс «Tilda Custom Base»

бесплатный

Курс «Tilda Custom Main»

базовый

Курс «Tilda Custom Pro»

для опытных

Курс «Стилизация личного кабинета»

скоро

Курс «Tilda Custom Нейросети»

скоро

Предзапись на курс по стилизации стандартных блоков на тильде

Вы можете забронировать за собой самую низкую стоимость обучения, которое стартует 27 октября

Забронировать место

30+ бесплатных модификаций для твоих проектов на тильде

Уникальные модификации, с помощью которых вы сделаете свои проекты ещё круче, продуманнее и функциональнее

Перейти

телеграм-канал для дизайнеров

Чтобы не пропустить выход новых уроков, бесплатных и платных модификаций и также анонсов обучения — подписывайся на мой телеграм-канал

Связаться со мной

Я на связи с 10:00 до 18:00 (мск) в будние дни

Заказать разработку сайта

Вы можете заказать у меня не только разработку сайта на тильде, но и также дизайн сложных продуктов в фигме

Сайт-портфолио

Заказать сайт

Главная
/
Модификации
/
Свободное перемещение элементов в zero-блоке

Смотрите подробную инструкцию и код ниже

Свободное перемещение элементов в zero-блоке

Смотреть

Инструкция

Добавляете для элемента в зеро-блоке класс drag
Копируете код ниже и вставляете в блок T123

Готовый код

Здесь вы можете скопировать готовый код и также почитать подробные комментарии к нему

Смотреть код

   <!--https://dsgnmax.ru/drag-elements--> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> <script>
$(document).ready(function() {
  let zIndex = 10;
  $('.drag').draggable({
     cursor: "grabbing",    //Тип курсора при перемещении элемента
    start: function() { $(this).css("z-index", zIndex++); }
  });
});
</script> <style>
.ui-draggable-dragging {
   /* Класс, добавляемый при перемещении элемента */
   transform: scale(0.9);
}
</style>