Css 相对于父div的固定位置
是否可以固定元素相对于父div的位置,而不是相对于浏览器窗口的位置 假设我有:Css 相对于父div的固定位置,css,position,containers,parent,fixed,Css,Position,Containers,Parent,Fixed,是否可以固定元素相对于父div的位置,而不是相对于浏览器窗口的位置 假设我有: <div id="pagecontainer"> <div id="linkspage"> <div class="sidelinks"> <a href="#page1" class="link">Link 1</a> <p> <a hre
<div id="pagecontainer">
<div id="linkspage">
<div class="sidelinks">
<a href="#page1" class="link">Link 1</a>
<p>
<a href="#page2" class="link">Link 2</a>
<p>
<a href="#page3" class="link">Link 3</a>
<p>
<a href="#page4" class="link">Link 4</a>
<p>
</div>
<div class="linkscontent">
content of links page
</div>
</div>
//OTHER PAGES
</div>
链接页面的内容
//其他页面
基本上是一个包含两个部分的页面,左侧部分是链接列表,而右侧部分是页面内容。我希望内容是可滚动的,但链接保持固定在父页面容器上,这样当页面容器滚动时它们不会滚动,但当我滚动整个浏览器窗口时它们会移动
我已经尝试了JQuery“fixto”插件:。但是我不能使用它,因为当父元素(#pagecontainer)的alpha值为0时,我的页面会淡入/淡出,脚本会出错,它认为父元素已经消失,没有地方可以修复
谢谢。给家长
位置:relative
,如下所示:
.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
}
请参阅。我为您创建了这个
从你的描述来看,已经到了一半了
但当我滚动整个浏览器窗口时,它们会移动
您将需要使用或某种JavaScript解决方案。它不起作用。我尝试将#pagecontainer和#linkspage都设置为相对,将#pagecontainer设置为相对,将#linkspage设置为相对,将.sidelinks设置为绝对,没有任何效果。