Tilda Publishing

Плавный скролл в Tilda. Как сделать сайт еще более приятным

Плавный скролл в Тильде

Добро пожаловать в мир Tilda, где каждый блок вашего сайта становится произведением искусства. И вот вам совет, который придаст вашему контенту дополнительную гармонию – добавьте плавный скролл в Tilda. Давайте разберемся, как это сделать и сделаем ваш сайт таким же гладким, как шутки в конце нашей статьи.

Зачем нам плавный скролл в Tilda

Все идет своим чередом, и ваш сайт не должен быть исключением. “Плавный скролл в Tilda” – фраза, которая станет ключом к тому, чтобы ваш контент был визуально приятным. Итак, давайте взглянем, как сделать этот процесс таким же легким, как улыбка после хорошего анекдота.

Не будем зацикливаться на технических терминах. Давайте поговорим о том, почему “плавный скролл важен”. Представьте, что ваш сайт — это как путешествие, и плавный скролл — это как комфортное сиденье в поезде. Вы не замечаете каждый бугорок на пути, а просто наслаждаетесь пейзажем. Или, в нашем случае, контентом.

Как создать плавный скролл в Tilda

Погружаемся в действие. Открываем Тильду, открываем редактор сайта. Если ваш сайт одностраничный, то после всех блоков на станице добавляем HTML блок «Т123» и вставляем в него небольшой скрипт, который вы найдете чуть нижи в генераторе.

Если же у вас многостраничный сайт, то HTML блок с модификацией можно добавить на страницу, которая служит хедером для вашего сайта (header). Еще одно место, куда можно вставить код нашей модификации – это «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD», который можно найти в настройках сайта, во вкладке «Ещё».

Это все, что требуется, чтобы сделать плавный скролл в Tilda. После этого остается только опубликовать станицу и насладиться приятной плавностью скролла на вашем тильда сайте.

А вот и, собственно, сама модификация. Настройте её под себя и нажмите на кнопку «Сгенерировать код»:

Длительность анимации (мс):






Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda

Добавить комментарий