如何将html页面拆分到单击上半部分链接的位置，将在下半部分打开它，完全不影响上半部分

Question

我希望有一个带有链接的上半部分，当单击它们时，它们将在屏幕的下半部分打开各个页面，并且可以通过引导程序选项卡进行访问，但是我不知道如何拆分屏幕。

Answer 1

您可以创建两个div部件，一个用于显示链接的部件，另一个用于其内容。

    <div id='navDiv'>Header</div>
    <div id='contentDiv'>some content</div>

    *In css-*
    #navDiv{
    position: fixed;
    top:0;
    width: 100%;
    height: 100px;
    background: white;
    z-index: 10;
    }

    #contentDiv{
    position: absolute;
    margin-top: 100px;
}

您可以在此处查看示例-https://next.plnkr.co/edit/kLjIPwbLgDCVjpKE?open=lib%2Fscript.js

Answer 2

您可能想使用iframe元素