Помощь Проблема со sticky menu в T3 Framework

[ZHMEN]

Привет всем, многоуважаемые!
Есть проблема с "липким меню" (sticky menu) в шаблоне на T3 Framework.
При скроллинге вниз страницы меню как бы прыгает во время того, когда оно "прилипает".
Как можно сделать, чтобы оно плавно прилипало к верхней границе?
Такая же проблема и на мобильных устройствах.

Заранее спасибо за помощь!

 

[kosolapow]

Обычно js отслеживает момент когда меню исчезает из поля зрения и меняет класс, таким образом создается эффект прилипания. Возможно вам поможет css свойство transition для сглаживания эффекта перехода между двумя состояниями. Если меню расположено сверху, то можно его зафиксировать чтобы вообще не было переходов, тогда и скачков тоже не будет

 

[ZHMEN]

Обычно js отслеживает момент когда меню исчезает из поля зрения и меняет класс, таким образом создается эффект прилипания. Возможно вам поможет css свойство transition для сглаживания эффекта перехода между двумя состояниями. Если меню расположено сверху, то можно его зафиксировать чтобы вообще не было переходов, тогда и скачков тоже не будет

Да вроде бы есть, но может не то, что нужно )
Вот кусок кода из css:

.affix {
  position: fixed;
}
.navbar-affixed-top {
  top: -32px;
}
.navbar-affixed-top.affix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}
.t3-mainnav.affix {
  position: fixed;
  top: 0;
  z-index: 1000;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  width: 100% !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}