如何使用不同的html页面固定导航栏

Question

我想从左侧导航栏中调用几个html页面。我尝试使用onclick函数但不知何故高度= 100％对我来说无法正常工作。

现在我使用了一个简单的解决方案，但点击链接后，它取代了整个页面，我的导航栏也消失了。

<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  <a href="http://www.google.com">Google</a>
  <a href="https://ca.yahoo.com/?p=us">Yahoo</a>
</div>

我正在寻找一些解决方案，我的左侧导航栏保持不变，点击链接，相应页面出现在右侧。