Javascript 如何固定收割台和侧栏？

我采用的是

MVC

方法，您可以将一些内容

保持为静态的。使用
布局
的页眉、页脚、侧边栏等。在我看来，我想在用户向下滚动页面时固定页眉和侧边栏。有什么帮助吗？
使用
position:fixed
进行标题分区和边栏分区。
您完全可以清理边栏和固定位置，但似乎有效（仅限于快速模型）。您需要将CSS添加到样式表中，然后为标题、侧栏和主内容窗口创建部分

在CSS（如下）中，您需要调整一些属性，以确保在设置设计时所有内容都正确对齐

* { box-sizing: border-box; }

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding:10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.container { padding-top: 32px; } /* Adjust this value based on height of .header */

.main {
    width: 70%;
    margin-left: 30%;
    padding-left: 20px;
}

.sidebar {
    position: fixed;
    top: 41px; /* Adjust this value based on height of .header and any additional padding */
    bottom: 0;
    width: 30%;
    overflow-y: scroll;
}

我似乎无法将MVC方法与布局和您问题的任何一部分联系起来。我只想使标题和侧栏保持静态。现在它干净了@克图鲁