我有这个布局,我想固定左侧边栏、右侧边栏和标题。
这是我的CSS:
#container {
padding-left: 200px; /* LC fullwidth */
padding-right: 190px; /* RC fullwidth + CC padding */
}
#container .column {
position: relative;
float: left;
}
#center {
padding: 10px 20px; /* CC padding */
width: 100%;
overflow-x:hidden;
}
#left {
width: 180px; /* LC width */
padding: 0 10px; /* LC padding */
right: 240px; /* LC fullwidth + CC padding */
margin-left: -100%;
}
#right {
width: 130px; /* RC width */
padding: 0 10px; /* RC padding */
margin-right: -100%;
}
#footer {
clear: both;
}
&代码是here
在这一步之后,我想添加 nanScrollerJS到右侧栏。
我不熟悉CSS
最佳答案
这是你想要做的吗?
我已经删除了你几乎所有的代码并用新代码替换了它。
#固定
position: fixed;
top: 0;
left: 0;
width: 100%;
#中心
margin-top: 32px; /* Header height */
padding: 10px 20px; /* CC padding */
box-sizing: border-box;
border-left: 200px solid black; /* LC width including padding */
border-right: 150px solid black; /* RC width including padding */
#左
width: 180px; /* LC width */
padding: 0 10px; /* LC padding */
float: left;
#右
width: 130px; /* RC width */
padding: 0 10px; /* RC padding */
float: right;
#页脚
position: relative;
z-index: 1;
关于javascript - 如何使用 CSS 为 JS 和 jQuery Scroller 修复侧边栏和标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13995245/