Basic Stellar Scroll example not working

[axebox]

This should be pretty straight forward, but Stellar is not animating #logo a on scroll. It initializes it and sets the top: 0px on the DOM element but does nothing on window.scroll.

I've got js dependencies ordering fine and there are no JS errors. #marquee is relative, #logo is absolute and #logo a is relative.

I really don't know what else I can do here. Any ideas?

<div id="marquee" class="header-marquee-logo-wrapper" data-stellar-offset-parent="true">
            <h1 id="logo" class="header-marquee-logo">
              <a href="/" data-stellar-ratio="0.5">The Official Blog</a>
            </h1>
</div>

.header-marquee-logo-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.header-marquee-logo {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-marquee-logo a {
    font-family: Gotham-Bold, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: white;
    font-size: 40px;
    display: block;
    position: relative;
}

  $('#marquee').stellar({
    verticalScrolling: true,
    horizontalScrolling: false,
    verticalOffset: 0
  });

[ghost]

Documentation claims that we can run Stellar JS on DOM elements, but there are issues with this approach. If an element doesn't have scrollbars, it can't be scrolled and $elem.scrollTop() returns 0.

See here: #119

[axebox]

I just want a basic variable animation bound to window.scroll. I thought that default example illustrated that pretty clearly.