使用Swiper进行双面导航

Question

我正在尝试创建一个以主屏幕为中心，有两个菜单的网站，一个菜单在左侧，一个菜单在右侧。由于我希望菜单可滑动，因此我决定尝试使用Swiper插件。

这是当前的进度，部分完成了工作，但还存在一些问题：

我希望幻灯片2（中间的幻灯片）默认处于居中/活动状态，而且也没有可能向右滑动更多。仅向左和向右一次打开菜单...关于如何使用Swiper或其他工具可以实现这一点的任何想法？感谢您的提示！

这是codepen：https://codepen.io/anon/pen/oVBwwN

var swiper = new Swiper('.swiper-container', {
        slidesPerView:1,
        paginationClickable: true,
        spaceBetween: 0
    });