如何像在Youtube或Medium.com上一样在HTML中创建垂直Nav

Question

我试图模仿一个垂直导航条，如5~6成熟所示，即菜单隐藏在一些‘点击’和当可见的移动页面到right。

我可以创建垂直菜单，但我对这种效果一无所知。

我正在使用引导、Jquery和角。

谢谢

Answer 1

这就是所谓的“画布”效应。

您可以研究这个模板：从帆布边启动。，您可能还想研究以下问题/答案：css -引导带3幻灯片菜单

Answer 2

你不能把它放到div中，然后用JavaScript隐藏或可见它们吗？尝尝这个。

<html>
<div id="Page1">
//content here
</div>

<div id="Page2">
//content here
</div>
</html>

。

<script type="text/javascript"> 
var div = document.getElementById('Page1');
// hide
div.style.visibility = 'hidden';
// OR
div.style.display = 'none';

// show
div.style.visibility = 'visible';
// OR
</script>
div.style.display = 'block';
</script>

<script type="text/javascript"> 
var div = document.getElementById('Page2');
// hide
div.style.visibility = 'hidden';
// OR
div.style.display = 'none';

// show
div.style.visibility = 'visible';
// OR
</script>
div.style.display = 'block';
</script>