Setting the position to "fixed" will cause the element to set itself to the top-left corner of the viewport. You are accounting for the vertical offset with the scroll, but when it switches to a fixed position, the `top` position must be defined:

```coffee
@ui.navbar.css('top', @navbarVerticalOffset)
@ui.navbar.addClass('navbar-fixed-top')
```