固定边栏与固定页脚

Question

如何使用页脚在页面滚动时不移动的边栏创建一个粘稠的边栏。我尝试过这个css，但它使侧边栏完全不出现。

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background-color: #F8F8F8;
}

但侧边栏根本就没出现。我有一个工作演示的小提琴：https://jsfiddle.net/DTcHh/15259/

Answer 1

你可以试试这个；

nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: whatver;
    width:whateverpx;
    padding: 10px;
  }

根据需要将导航重命名为您的页面。