0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 132 Просмотров
*

antarey

  • Захожу иногда
  • 162
  • 1 / 0
Как отловить событие прилипания меню и перенести елемент в меню и вернуть назад елемент когда меню отлипнет?
Для елемента сменить родителя - ето вроде понятно, но как с событием прилипания?
В CSS
Код
#t4-mainnav {
    position: -webkit-sticky!important;
    position: sticky;
    top: 0;
    z-index: 10;
}
Заранее благодарен.
*

effrit

  • Легенда
  • 9952
  • 1098 / 13
  • effrit.com
*

antarey

  • Захожу иногда
  • 162
  • 1 / 0
Re: Перенос елемента при событии on sticky
« Ответ #2 : 19.02.2021, 15:19:39 »
видимо, ловить событие onscroll и проверять значение CSS свойства элемента #t4-mainnav
только к какому свойству top привязываться?
*

antarey

  • Захожу иногда
  • 162
  • 1 / 0
Re: Перенос елемента при событии on sticky
« Ответ #4 : 22.02.2021, 10:24:44 »
вот решение
Код
 var stickyTop = jQuery('#t4-mainnav').offset().top;

  jQuery(window).scroll(function() {
    var windowTop = jQuery(window).scrollTop();
    if (stickyTop < windowTop ) {
//&& jQuery("#t4-mainnav").height() + jQuery("#t4-mainnav").offset().top - jQuery("#t4-mainnav").height() > windowTop
var isHaveChild = jQuery( "#search-chvision-root2" ).children();
if (isHaveChild) jQuery('#search-chvision-root2').prepend(jQuery('#search-chvision1'));
    } else {
var isHaveChild = jQuery( "#search-chvision-root1" ).children();
if (isHaveChild) jQuery('#search-chvision-root1').prepend(jQuery('#search-chvision1'));
    }
  });
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенос сайта

Автор vlmedia

Ответов: 4
Просмотров: 193
Последний ответ 23.02.2021, 19:33:14
от wishlight
Перенос части строки на новую в заголовке материала

Автор timofe

Ответов: 5
Просмотров: 188
Последний ответ 05.11.2020, 20:24:05
от Grigoriy82
Перенос шаблона с Joomla на Tilda

Автор Jjaze

Ответов: 3
Просмотров: 354
Последний ответ 25.08.2020, 20:19:09
от SeBun
Перенос сайта на хостинг

Автор stitch808

Ответов: 2
Просмотров: 199
Последний ответ 30.04.2020, 22:54:25
от stitch808
Перенос текста во второй столбец с помощью div

Автор stitch808

Ответов: 13
Просмотров: 444
Последний ответ 09.04.2020, 18:31:13
от stitch808