doesn't shift absolutely positioned items

[acolangelo]

doesn't shift absolutely positioned items

[mrkhyns]

You can use the beforeOpen and beforeClose options. Inside each option you can apply css to your fixed navbar to slide it with the content panel.

Example (when using the animated:true option):
$('#your-navbar').animate({left: '250'}, 150)

Example (when using the animated:false option):
$('#your-navbar').css('left','250px')

And then put this into the beforeClose option:
$('#your-navbar').animate({left: '0'}, 150)

Notes:

1. "150" is the default time for the sliding menu animation, so use that unless you've changed the default.
2. "250" is the default side-menu width.

[3nki]

yea i ended up with something like that. i couldn't use animated as it seems to leave the background overlay there or something, it was messing with some of the other dynamic stuff we've got going on the page. aside from that it worked great for just one panel/menu. however, i tried for a while to get two "drawers" animating, one from each side, but couldn't get it working well. eventually i switched to Sidr for that reason, and it works quite well.

[RyanGladstone]

Thanks for your response, mrhyns. That solved a problem I was having.

[acolangelo]

As an update: fixed positioning support has been dropped in the latest version of the plugin, because of conflicts between CSS Transforms and fixed positioning (see changelog for more details). If you need to support fixed elements, use the legacy version of the plugin in the root of this repo.