Как исправить мои ошибки headhesive?

Question

[Рахэб Ватаниар]

гляньте на меню клонированное, почему не работает , есть идеи ?
linvinenko.esy.es/author

Comments

[Леонид Князев]

Что именно у вас не работает?

[Рахэб Ватаниар]

со@amorphis: плагин только клонировал шапку. Все остальное не работает.
Хочется просто подключить этот скрипт с дефолтными параметрами

[Леонид Князев]

Так этот плагин только этим и занимается. Клонирует элемент и следит за тем, когда его отображать, а когда нет меняя ему css классы.

[Рахэб Ватаниар]

Леонид Князев: я понимаю, ну даже вот , оно клонировало шапку, почему оно не подгружает стили .css для клона?

[Леонид Князев]

У них прям в документации написано об этом:

Headhesive.js doesn't inject any CSS styles so you can use your own to completely control how your sticky element behaves.

[Рахэб Ватаниар]

Леонид Князев: нужно было дружить с английским в школе)
спасибо)

[Леонид Князев]

Добавьте себе примерно такие стили (взято из примера плагаина, селекторы зменены на ваши):

.header.headhesive {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: #c95a5d;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;

}

.header.headhesive--stick {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

Answer 1

[Алекс Глебов]

добавить стили классам плагина
https://github.com/markgoodyear/headhesive.js/blob...

убрать всю вложенность из стилй
html body .wrapper header
Это не предсказуемый код
Вот плагин переместил элемент и все сломалось.
В разметке вообще часто что-то меняется.
.header
Этого достаточно

Еще у вас подключается 2 версии headhesive.js и min
Это одно и тоже просто один сжат, а другой нет.
Надо оставить один.

Comments

[Леонид Князев]

Да там и jQuery и Slick.js подключаются два раза: исходник и минифицированный :-)