Ребят подскажите пожалуйста что нужно прописать в стилях чтобы они были фиксированы то есть чтобы пользователь мог прокручивать только контент
стили боковой панели
.navigation {
list-style: none;
margin: 0 0 35px 0;
padding: 0;
border-bottom: 1px solid #49565D;
}
.navigation li {
position: relative;
}
.navigation > li {
border-top: 1px solid #49565D;
position: relative;
}
.navigation > li.active > a,
.navigation > li.active:hover > a,
.navigation > li.active:focus > a {
color: #fff;
background-color: #65B688;
border-color: #65B688;
}
.navigation > li.active > a > i {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li > a {
color: rgba(255,255,255,0.8);
padding: 13px 40px 14px 14px;
display: block;
border-left: 3px solid transparent;
}
.navigation > li:hover > a {
color: #fff;
border-left: 3px solid #EE8366;
background-color: #2C3A42;
}
.navigation > li:hover > a > i {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li > a > i {
font-size: 16px;
position: absolute;
right: 14px;
top: 13px;
opacity: 0.8;
filter: alpha(Opacity=80);
}
.navigation > li ul {
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.15);
font-size: 11px;
list-style: none;
z-index: 1010;
}
.sidebar-narrow .navigation > li > ul {
background-color: #2D3A42;
}
.navigation > li ul > li {
border-top: 1px solid rgba(255,255,255,0.05);
}
.navigation > li ul > li:first-child {
border-top: 0;
}
.navigation > li ul > li.active.has-ul > a, .navigation > li ul > li.active.has-ul > a:hover {
background-color: #4A5D64;
}
.navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover {
background-color: rgba(0,0,0,0.2);
}
.navigation > li ul > li.has-ul > a:after {
content: "";
background: url(../images/interface/plus.png) no-repeat;
opacity: 0.4;
filter: alpha(Opacity=40);
margin-top: 4px;
float: right;
width: 7px;
height: 7px;
margin-right: 2px;
}
.navigation > li ul > li.has-ul > a:hover:after,
.navigation > li ul > li.active.has-ul > a:after {
opacity: 1;
filter: alpha(Opacity=100);
}
.navigation > li ul > li.active.has-ul > a:after {
content: "";
width: 7px;
height: 7px;
background: url(../images/interface/minus.png) no-repeat;
}
.navigation > li ul > li.active > a:after {
content: "";
width: 5px;
height: 9px;
opacity: 0.9;
filter: alpha(Opacity=90);
margin: 4px 2px 6px 0;
float: right;
background: url(../images/interface/nav_arrow_right.png) no-repeat;
}
.navigation > li ul > li > a {
display: block;
padding: 13px 14px 14px 24px;
}
.navigation > li ul li a {
color: rgba(255, 255, 255, 0.8);
}
.navigation > li ul li a:hover,
.navigation > li ul li a:focus,
.navigation > li ul li.active > a {
color: #fff;
}
.navigation > li ul > li > a:hover {
background: rgba(0, 0, 0, 0.1);
}
.navigation > li ul > li > a .label {
position: absolute;
top: 9px;
right: 12px;
}
.navigation > li ul > li.active > a .label {
right: 30px;
}
.navigation > li ul li ul a {
display: block;
}
.navigation > li ul > li > ul > li > a {
padding-left: 30px;
}
.navigation > li ul > li > ul > li > ul > li > a {
padding-left: 36px;
}
.navigation li.disabled a {
opacity: 0.4;
filter: alpha(Opacity=40);
cursor: not-allowed;
}
.navigation li.disabled:hover a {
background: none;
border-color: transparent;
}
.navigation ul li.disabled:hover a {
color: #ccc;
}
.navigation > li.disabled:hover > a:after,
.navigation > li.disabled:hover > a > i {
opacity: 0.5;
filter: alpha(Opacity=50);
}
стили хеадера
.navbar {
z-index: 1000;
min-height: 54px;
border-radius: 0;
margin: 0;
border: 0;
}
.navbar-fixed {
padding-top: 54px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
}