Question

所以我有一些隐藏的div，但是当你单击与div类对应的id的span时会显示这些div。我有那个公园工作，它会显示div，但我有一长串的东西，页面上。我希望隐藏的div在屏幕顶部是粘性的，这样如果用户点击远处的链接，他们就不必一直滚动到顶部以便查看它。以下是一些代码，可以让您了解我正在使用的内容。

HTML：

<div id='container'>
    <div id='nav'>
        Nav things
    </div
    <div id='main'>
        <span class='clickme' id='1'>Thing 1</span>
        <span class='click me' id='2'>Thing 2</span>
        Etc..
    </div>
    <div class="div_class 1'>
        Explanation of Thing 1.
    </div>
    <div class='div_class 2'>
        Explanation of Thing 2.
    </div>
</div

CSS：

#container
{
    margin: 0px auto;
    width: 90%;
}
#nav
{
    float: left;
    width: 15%;
}
#main
{
    float: left;
    width: 15%;
}
.div_class
{
    float: right;
    display: none;
}

我在div_class类上尝试'posistion：fixed'但是将文本放在左上方与nav div重叠。然后我尝试添加填充，但这使div与某些链接重叠并使它们无法点击。

Answer 1

您与position: fixed走在正确的轨道上。你只需要告诉元素去哪里：

#floater {
    position: fixed;
    top: 0;
    right: 0;
}

根据需要调整top和right（或left和bottom，以避免重叠导航div。

请参阅this JSFiddle进行简单演示，this one使用导航栏。

如何将div浮动到侧面并在滚动时使其粘滞

1 个答案: