Off Animating the canvas menu

I am currently working with the Background menu 5 Off-canvas Basics from Canvas . Currently, the canvas menu opens from left to right.

My question is how can I change the position of how the canvas menu is loaded, by default from left to right fadeIn convert, for example from top to bottom fadeIn. How can this be achieved? I have used animate.css

and unsuccessfully, resulting in. I searched for a solution to the problem but couldn't find it.

I'm working on a Fiddle


source to share

1 answer

You can overwrite the open event to customize the animation

$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function () {
  var off_canvas_wrap = $(this);


because Foundation 5 only supports translation to the right or left



All Articles