Question

我需要一个滑动/侧面菜单，在不使用离子框架的情况下复制右侧的here。

定位和高度是我需要的，事实上它覆盖了其他内容，并没有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');
    }
});

看看是否有帮助;）

Jquery滑动侧面菜单解决方案？

1 个答案: