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

Question

我想要一个带有链接的上半部分，当点击它们时，它们会在屏幕的下半部分打开各种页面，并且可以通过引导标签访问，但我不知道如何拆分屏幕。

Answer 1

You can create two div part, one for the part where link is displayed and another for its content.

    <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;
}

You can see the example here - https://next.plnkr.co/edit/kLjIPwbLgDCVjpKE?open=lib%2Fscript.js

Answer 2

您可能想要使用 iframe 元素