-1

I need a sliding / side menu, replicating the one on the right hand side here without using the ionic framework.

The positioning and height is what I need, and fact it overlays other content and doesn't have any sort of fading effect as seen on blivesta.

Any links to an existing sidebar would be appreciated.

Rizky Ariestiyansyah
  • 766
  • 7
  • 19
fitzilla
  • 915
  • 1
  • 9
  • 11
  • Please review [**How to ask**](http://stackoverflow.com/help/how-to-ask) questions on Stack Overflow and what types of questions [**can be asked**](http://stackoverflow.com/help/on-topic) and what types [**should be avoided.**](http://stackoverflow.com/help/dont-ask) – Paulie_D Jul 29 '15 at 12:06

1 Answers1

1

you can use simple css for that effect, something like this,

HTML
<nav></nav>

CSS
nav {
    background:#ccc; 
    position: fixed;
    top: 0;
    right: -50%;
    z-index: 9;
    width: 100px;
    height: 400px;
    -webkit-transition-duration: .3s; 
            transition-duration: .3s;
}

nav.open {
    right: 0;
}

and then use some jquery to toggle the click

$('nav').click(function(){
    var $this = $(this);
    if($this.hasClass('open')) {
        $this.removeClass('open');
    }else{
        $this.addClass('open');
    }
});

see if that helps ;)

Kup
  • 882
  • 14
  • 31