Question

标题有点愚蠢。我有一个页面，可能有很多错误。无论哪种方式，都有一个Navi和一个文本框。 Navi向左，文本框右侧。

Navi将向上滚动，直到它在窗口顶部上方然后停留在那里。到目前为止，我还有这个工作。我找到的复制和使用过的代码，因为我是Javascript中的菜鸟。

但是，当Navi从相对位置变为固定位置时，文本框中发生了某些事情。文本框忽略Navi并只是写入它。

在我使用棒到顶部脚本之前，我已经修复了Navi并且一切正常。

这是页面： http://test.pluskat.de/StuckWeit/

忽略背景图片。

做什么或改变什么？我现在对所有的定位感到困惑。请帮忙。记住我是Javascript中的菜鸟。我也许可以关注你，但请描述要做的事情，以便其他人也可以从中学习。

谢谢。你们是我最后的希望。

Answer 1

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

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

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

Answer 2

这就是固定位置的工作原理：它将元素从文档流中取出。这就是你的div占据整个宽度的原因。您可以尝试将类（即“nav-located”）添加到公共容器元素，而不是更改JS中的position属性。你可以设置.nav-located .navi1和.nav-located #Text

的样式

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

2 个答案: