Html 滚动到固定元素下?
这就是我的问题,我有一个: CSS 这是HTMLHtml 滚动到固定元素下?,html,css,Html,Css,这就是我的问题,我有一个: CSS 这是HTML <div class="viewer-v3 lightbox"> <div class="borderLightbox"> <div class="headerLightbox"> <div class="titleLightbox"> <span class="titleLinkLightbox"> FileDel
<div class="viewer-v3 lightbox">
<div class="borderLightbox">
<div class="headerLightbox">
<div class="titleLightbox">
<span class="titleLinkLightbox">
FileDeleteImeg.jpg
</span>
<a class="closeLightbox" href="#"></a>
<span class="filetypeLightbox">Adobe Views file</span>
</div>
<div class="actionsLightbox">
<a class="printLightbox" href="#"></a>
<div class="actionsPageLightbox">
<a class="prevLightbox" href="#"></a>
<input type="text" name="LastName" class="inputLightbox">
<span class="currentPageLightbox">/ 12</span>
<a class="nextLightbox" href="#"></a>
<a class="minusLightbox" href="#"></a>
<a class="plusLightbox" href="#"></a>
</div>
<a class="zoomLightbox" href="#"></a>
</div>
</div>
<div class="contentbox">
<img src="http://fc08.deviantart.net/fs51/f/2009/281/e/2/Paint_Tool_SAI_tutorial_IS_BIG_by_Left_Right_Wrong.png">
</div>
</div>
</div>
FileDeleteImeg.jpg
Adobe视图文件
/ 12
这是我的问题,我在图像上滚动,工作正常,但scrool正在得到标题下元素,这是固定的,甚至是我在图片标题下添加了边线的prevenet,我的问题是如何将scroll bas放在固定标题下,有人有解决方案吗
这里有一个提琴,一个扫雷的问题,你看,scrool酒吧是在固定标题下进行的,有什么解决办法吗
您可以将图像上的
padding top
的值更改为contentbox上的border top
,以使其与滚动条一起工作。使用以下方法:
.contentbox {
border-top:100px solid transparent;
box-sizing:border-box;
}
选中此项
注意:属性框大小有助于保持容器的实际100%高度,请注意,此属性仅适用于IE>=8将contentbox包装在绝对定位的div中,并将包装从顶部偏移。我想应该是这样。请加上小提琴
.contentbox {
border-top:100px solid transparent;
box-sizing:border-box;
}