Compatibility with headroom.js

[DanielGarzaB]

I just added headroom.js to my site http://wicky.nillia.ms/headroom.js/ and in order to work with slidebars I gotta remove from this part of slidebars.css:

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transform: translate( 0px );
   -moz-transform: translate( 0px );
     -o-transform: translate( 0px );
        transform: translate( 0px );

-webkit-transition: -webkit-transform 400ms ease;
   -moz-transition:    -moz-transform 400ms ease;
     -o-transition:      -o-transform 400ms ease;
        transition:         transform 400ms ease;

-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */

-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}  

These css rules:

    -webkit-transform: translate( 0px );
   -moz-transform: translate( 0px );
     -o-transform: translate( 0px );
        transform: translate( 0px ); 

If i dont remove them, headroom wont display myfixed menu, any idea why is this?

This is my site: http://bit.ly/1J59Hm8 if you wanna take a look and mod the style.css rules and see

[amichel86]

I have the same problem with a fixed element in my page. Any solutions? :(

[DanielGarzaB]

For me the solution was removing:

    -webkit-transform: translate( 0px );
   -moz-transform: translate( 0px );
     -o-transform: translate( 0px );
        transform: translate( 0px ); 

[amichel86]

It doesn't solve this issue for me. Within #sb-site I have "fixed" elements and it looks like the normal behavior is disabled :(