相关问题是here,答案对我不起作用。简而言之,左右两列。右栏中有一个孩子<div>
或<section>
或其他内容。滚动页面时,孩子不能滚动或移动。将position: absolute
添加到子项允许子项与页面一起滚动。并position:fixed
根据right:0
或left:0
让孩子出现在屏幕的最左侧或右侧以及屏幕顶部。如何在右栏内修复此问题?
JSFIDDLE是here。
答案 0 :(得分:2)
您可以按如下方式修改 .right-inner
类以获得所需的结果
.right-inner{
position: fixed;
margin-right: 5%;
text-align: middle;
}
查看更新后的Fiddle
答案 1 :(得分:0)
而不是0,.right
左侧位置的值应该(至少)是左列宽度的值
例如:
.right{
position: fixed;
top: 0;
left: 360px;
}
你不需要.right的包装器,所以我已经在你的小提琴的叉子中消除了它:http://jsfiddle.net/ynMYm/
答案 2 :(得分:0)
试试这个:
.outer{
display: block;
width: 600px;
}
.left{
width: 350px;
border-right: 1px solid #555;
float: left;
}
.right{
top: 0;
left: 0;
width: 250px;
margin-left:350px;
position: fixed;
}
.right-inner{
position: fixed;
}