jquery - Jquery 滑动侧边菜单解决方案？

Question

我需要一个滑动/侧边菜单，在这里复制右侧的菜单而不使用离子框架。

定位和高度是我所需要的，事实上它覆盖了其他内容并且没有任何类型的褪色效果，如在blivesta上看到的那样。

任何指向现有侧边栏的链接将不胜感激。

Answer 1

你可以使用简单的 css 来实现这种效果，就像这样，

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;
}

然后使用一些jquery来切换点击

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

看看这是否有帮助；）