Javascript 滚动时保持div在顶部，但保持边距

标题有点愚蠢。我有一页，可能全是错误。无论哪种方式，都有一个Navi和一个文本框。导航左，文本框右

Navi将向上滚动，直到它到达窗口顶部，然后停留在那里。到目前为止，我一直在努力。复制并使用我发现的代码，因为我是Javascript的noob

但是，文本框发生了一些变化，就在Navi从相对位置更改为固定位置时。文本框将忽略Navi并仅在其上写入

在我使用stick to top脚本之前，我已经把Navi修好了，一切都很好

页面如下：

忽略背景图像

做什么或改变什么？我现在对所有的定位都感到困惑。 请帮忙。记住，我是Javascript的noob。我也许能理解你，但请描述一下要做什么，这样其他人也可以从中学习

---

多谢各位。你们是我最后的希望。

这就是固定位置的工作原理：它将元素从文档流中移除。这就是为什么你的div占据了整个宽度。 您可以尝试将类（即“nav positioned”）添加到公共容器元素中，而不是更改JS中的position属性。

---

在您可以设置.nav positioned.navi1和.nav positioned#Text的样式后

要解决此问题，您可以尝试在style.css文件末尾添加以下样式

#wrapper   
{
    width: 1024px; /*Add this if you have fixed width layout else ignore*/
    position: relative;
}

#textbox
{
    position: absolute;
    left: 220px;
    height: auto;
}

---

fixed

和

absolute

定位元素从文档流中删除-这意味着其他元素不会基于它们的存在而流动。这是一个CSS问题，谢谢。从来没有想过包装纸。很好！