Перейдите в Панель администратора – Настройка – Темы и нажмите Включить дизайнер тем

затем в раскрывающемся меню темы выберите Дизайнер тем: ядра CSS и JS

В CSS поместите:

.stickyHeader{padding-top:70px;transition:transform .8s ease;animation:ani .8s forwards;}
.stickyHeader header.ipsHeader.ipsResponsive_header--desktop {position:fixed;z-index:2000;top:0;left:0;right:0;transition:transform .8s ease;animation:ani .8s forwards;}

.stickyHeader .ipsHeader__primary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

.stickyHeader .ipsHeader__secondary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

Сохранять

В Javascript поместите:

$(window).scroll(function() {
      //if( window.innerWidth >= 979 ){
        var height = $(window).scrollTop();
        if(height > 150){
        	$('.ipsApp').addClass('stickyHeader');
          	//$("[data-role='toTop']").removeClass('ipsHide');
        } else{
        	$('.ipsApp').removeClass('stickyHeader');
          	//$("[data-role='toTop']").addClass('ipsHide');
        }
      //}
  	});

Сохранять

please help for stickyPostbit

On 28.10.2024 at 00:24, Silence said:

Перейдите в Панель администратора – Настройка – Темы и нажмите Включить дизайнер тем

затем в раскрывающемся меню темы выберите Дизайнер тем: ядра CSS и JS

В CSS поместите:

.stickyHeader{padding-top:70px;transition:transform .8s ease;animation:ani .8s forwards;}
.stickyHeader header.ipsHeader.ipsResponsive_header--desktop {position:fixed;z-index:2000;top:0;left:0;right:0;transition:transform .8s ease;animation:ani .8s forwards;}

.stickyHeader .ipsHeader__primary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

.stickyHeader .ipsHeader__secondary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

Сохранять

В Javascript поместите:

$(window).scroll(function() {
      //if( window.innerWidth >= 979 ){
        var height = $(window).scrollTop();
        if(height > 150){
        	$('.ipsApp').addClass('stickyHeader');
          	//$("[data-role='toTop']").removeClass('ipsHide');
        } else{
        	$('.ipsApp').removeClass('stickyHeader');
          	//$("[data-role='toTop']").addClass('ipsHide');
        }
      //}
  	});

Сохранять

А родной вариант не канает уже?

https://invisionbyte.ru/docs/custom/javascript/ipsuisticky-r211/

@Silence

1 hour ago, avangcom said:

@Silence

??

1 hour ago, Silence said:

??

help for stickyPostbit

57 минут назад, avangcom said:

help for stickyPostbit

CSS

.ipsEntry__author-column {

position: sticky;

top: 0;

right: 0;

overflow: hidden;

height: 500px;

}

On 27.10.2024 at 19:24, Silence said:

Перейдите в Панель администратора – Настройка – Темы и нажмите Включить дизайнер тем

затем в раскрывающемся меню темы выберите Дизайнер тем: ядра CSS и JS

В CSS поместите:

.stickyHeader{padding-top:70px;transition:transform .8s ease;animation:ani .8s forwards;}
.stickyHeader header.ipsHeader.ipsResponsive_header--desktop {position:fixed;z-index:2000;top:0;left:0;right:0;transition:transform .8s ease;animation:ani .8s forwards;}

.stickyHeader .ipsHeader__primary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

.stickyHeader .ipsHeader__secondary {
  -webkit-backdrop-filter:blur(20px);color: inherit;backdrop-filter:blur(20px);background:rgba(255, 255, 255, .18);box-shadow:0 15px 25px rgba(0, 0, 0, .6);
}

Сохранять

В Javascript поместите:

$(window).scroll(function() {
      //if( window.innerWidth >= 979 ){
        var height = $(window).scrollTop();
        if(height > 150){
        	$('.ipsApp').addClass('stickyHeader');
          	//$("[data-role='toTop']").removeClass('ipsHide');
        } else{
        	$('.ipsApp').removeClass('stickyHeader');
          	//$("[data-role='toTop']").addClass('ipsHide');
        }
      //}
  	});

Сохранять

А можно плавность добавить ? А то рывком получаеться когда скролить начинаешь …