Bootstrap Affix плагин навигация верхняя задержка

Question

Я использую последнюю версию бутстрапа 3. Я использую плагин аффикса, чтобы сделать статический navbar фиксированным. Тем не менее, он работает значительно долго, прежде чем обновление навигатора и будет зафиксировано в верхней части. Он повторяется во всех браузерах.

Я понял, что было бы проще показать проблему с видео, я также предоставил некоторый код.

see video

see JSFiddle

<h1></h1> 

Эффект Я хочу, чтобы это чистый мгновенный переход как

это «http://www.w3schools.com/bootstrap/tryit.asp?filename = trybs_affix & «

Я также должен указать, что я использую jQuery для определения высоты моего раздела и e affix offset, я изначально думал, что это вызовет задержку, теперь, я думаю, это не может быть и речи.

Это похоже на проблему с производительностью. Я думаю, что jQuery занимает слишком много времени, чтобы понять высоту и применить стиль к навигационной панели.

Я надеюсь, что у кого-то может быть некоторое понимание этого вопроса.

Answer 1

Итак, я понял, в чем проблема.

Я написал используемый jQuery, чтобы получить высоту заголовка (содержимое над навигационной панелью), в этом случае это было видео и сделало его смещением аффикса. То, как я исправил проблему с переходом, просто превращает свойство offset в функцию, которая вычисляет высоту заголовка вместо статической переменной.

Here is the updated JSFiddle 

https://jsfiddle.net/DTcHh/23013/