Html 滚动到固定元素下?

Html 滚动到固定元素下?,html,css,Html,Css,这就是我的问题,我有一个: CSS 这是HTML <div class="viewer-v3 lightbox"> <div class="borderLightbox"> <div class="headerLightbox"> <div class="titleLightbox"> <span class="titleLinkLightbox"> FileDel

这就是我的问题,我有一个:

CSS

这是HTML

<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;
}