1
Enjoy a Mountain Getaway This Summer
Head to the hills for a cool summer.

Делаем фиксированную кнопку при помощи блока BF701 или ZeroBlock в Tilda

Как выполнили данный пример:

BF701 (картинка AppStore )

1. Создали блок BF701
2. Настроили ему отступ справа 40px, отступ сверху 40px
3. Добавили код на страницу в блок ДРУГОЕ►Т123
В коде прописали ссылку на картинку https://clck.ru/E5Pfi

ZeroBlock (картинка GooglePlay)

1. Создали ZeroBlock
2. Установили высоту 65px
3. Добавили элемент Image c привязкой WindowContainer - right-center
4. Установили блоку настройку Overflow : Visible
5. Добавили код на страницу в блок ДРУГОЕ►Т123
Заменили на ID своего ZeroBlock
var blockMenuID = '#rec63194354';

СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Создаём иксированную кнопку на азе BF701
2. Вставляем своё изображение в кнопку BF701
3. Содаём фиксированную кнопку в ZeroBlock способ 1
4. Создаём фиксированную кнопку в ZeroBlock способ 2

Создаём кнопку, которая при скролле остаётся всегда в одном месте. Рассматриваем 3 способа
Длительность видео: 16 мин
Подписка к видеоинструкции на платной основе
Для блока BF701
<style> .flyphoto {  height: 60px;}</style>
<script>
    $('.t393__wrapper a').empty().append("<img src='https://clck.ru/E5Pfi' class='t-img flyphoto'>");
</script>
Для блока ZeroBlock
<style>
/*Выставляем фиксированную позицию на экране и номер слоя выше остальных*/
.fixed {
 position: fixed;
/*Задаём отступ снизу*/ 
 top: 120px;
 z-index: 9999;
}
</style>

<script>
$(document).ready(function(){
    /* нужно заменить на код блока  Zero выполняющего роль меню */
    var blockMenuID = '#rec63194354';
    //Добавляем класс с шириной и фиксацией
    $(blockMenuID).addClass('fixed');
   
});
</script>
Made on
Tilda