Top.Mail.Ru
Модификации

Фиксация блока при скролле с помощью кода в Тильде.

Фиксация блока при скролле с помощью кода в Тильде.

Инструкция:

1. Создаем блок Т123

2. Вставляем код

3. В коде вставляем ID блоков которые нужно зафиксировать.
<!--фиксация блока при скролле https://cubeteam.ru -->

<script>

$(function(){
    /* Укажи id всех блоков через запятую, которым нужно добавить эффект наложения */
    var id = '#rec345122509,#rec960445547,#rec775615573';

    $('head').append('<style>body {overflow-x: hidden;}#allrecords {overflow: visible !important;}#t-header,#t-footer {position: relative;z-index: 2;} .t-rec {position: relative;z-index: 1;overflow-x: hidden;}'+id+' { position: -webkit-sticky; position: sticky; top: 0; z-index: 0;}</style>');
    
    $(window).on('load resize', function(){
        $(id).each(function(){
            var topPosition = $(window).height() - $(this).height();
            if (topPosition < 0) {
                $(this).css('top',topPosition)
            } else {
                $(this).css('top',0)
            }
        });
    });
});

</script>