Javascript 如何在其他内容滚动时将div编码为固定

我的新主页在页面顶部有一个位置固定的页眉，保存内容的容器在页眉下方向上滚动

左边有一个文本框，我想修改它，这样当其余内容向上滚动时，它总是可见的

保存所有副本的容器与自动边距相对定位，以便位于屏幕中央

我还无法在线找到代码，使我能够将div保持在容器中，从而遵守容器的中心对齐，但在容器的其余部分滚动时固定在标题下方

你知道我该怎么做吗？它是javascript还是CSS？ 任何帮助都将不胜感激

我曾尝试将文本框和标题放在一个div中，但随后内容被向下推。我读到浮动应该有效，但没有。我已经看过将文本框“粘贴”到header div的底部，但似乎无法实现

看

---

注意。道歉，如果标题没有卡在顶部的IE在您的机器上；我还没有找到解决办法。应该有一个白色的空间，在顶部的标志和顶部链接中。图像应该在下面向上滚动。我没有电脑来检查它

您需要将

ul

移动到头部部分，并给它

位置：固定的
css，而不是
位置：绝对的
。请参阅下面使用代码的示例：

<div id="header-cont">
        <h1><img src="images/background/logo.jpg" alt="Broadley Design, Graphic design and image production"></h1>

    <div id="home">
        <ul id="titles">
            <li><a href="index.html" class="active">home</a>
            </li>
            <li><a href="profile.html">profile</a>
            </li>
            <li><a href="contact.html">contact</a>
            </li>
        </ul>
        <ul id="sideheads">
            <li class="firstsub">
                <img src="images/headings/broadley_design_co.png" alt="">
            </li>
            <li><span class="bold"> Diane Broadley</span> 
            </li>
            <ul class="sublistwider">
                <li>A freelance graphic designer specialising in print, providing a one
                    <br>to one service, design solutions and production to ensure that your business gets into the hands of the people who
                    <br>matter to you.</li>
                <li>Working both directly with small businesses, designers and publishers
                    <br>in the South West.</li>
            </ul>
        </ul>
    </div>
</div>













黛安·布罗德利


一位专门从事印刷的自由平面设计师，提供

一个服务，设计解决方案和生产，以确保您的业务得到的人谁

这对你很重要
直接与小企业、设计师和出版商合作

在西南部


为目标div指定
位置：fixed
css属性

<div class="fixed">Fixed Text</div>

我建议使用jQuery（javascript）插件

有各种各样的JQuery插件可以帮助你做你想做的事情。
此功能称为“粘性滚动”
请将HTML/CSS/JS代码的相关部分粘贴到此处。制作一个jsfiddle也会很有帮助。你也可以画一个小草图来解释你想要达到的目标。
.fixed {
    position: fixed;
    top:10px;
    left:10px;
}