Позиция позиции не пересчитывается при изменении размера

Question

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

Положение, при котором оно срабатывает, не обновляется, хотя я установил его для пересчета значений, когда I $(window).resize(). Что не так?

$(document).ready -> 
    $(window).resize -> 

    windowHeight = $(window).height() 
    navHeight = $('#navbar-affixable-wrapper > #navbar.affixable').outerHeight() 
    windowMinusNavHeight = windowHeight - navHeight 

    $('#navbar-affixable-wrapper > #navbar.affixable').affix 
     offset: { top: windowMinusNavHeight } 

Или в JavaScript:

$(document).ready(function() { 
    return $(window).resize(function() { 
    var navHeight, windowHeight, windowMinusNavHeight; 
    windowHeight = $(window).height(); 
    navHeight = $('#navbar-affixable-wrapper > #navbar.affixable').outerHeight(); 
    windowMinusNavHeight = windowHeight - navHeight; 

    return $('#navbar-affixable-wrapper > #navbar.affixable').affix({ 
     offset: { 
     top: windowMinusNavHeight 
     } 
    }); 
    }); 
}); 

Answer 1

Вы можете вернуть смещение верхнего значения как функции?

Например:

$(function(){ 

    var $window = $(window); 
    var $navbar = $('#navbar-affixable-wrapper > #navbar.affixable'); 

    $navbar.affix({ 
     offset: { 
     top: function(){ 
      // Calculate offset top value 
      return $window.height() - $navbar.outerHeight(true); // I always pass true in there so margin is taken into consideration. 
     } 
     } 
    }) 
}); 

Вы можете оформить в affix documentation на сайте Bootstrap.