固定Div隐藏滚动条

我有一个bizzare问题，我有一个DIV滚动我的页面内...但在该div我有'标题'是固定....因为我的布局是流动的（ 100％），这是使“FXED”div覆盖下面的div的滚动条...固定Div隐藏滚动条

什么是解决这个问题的最好方法？我附上了正在发生的简单截图......希望它有帮助。 enter image description here

/* BLUE SECTION */  
.floatingHeaderBox { 
     width: 100%; 
    } 

    /* RED BOX BELOW */ 
    .contentBoxRight{ 
position:absolute; 
width:80%; 
left:20%; 
height:100%; 
background-color:#FFF; 
border-left:1px solid #CCC; 
margin-left:-1px; 
} 

.contentBoxRight{ overflow:auto; overflow-x:hidden; }

来源

2011-06-29 Justin

你也可以发布相关的代码吗？ – Dogbert

你能发布相关元素的HTML和CSS吗？ – inkedmn

我已经添加了相应的CSS – Justin

-1

如果floatingHeaderBox是你的滚动框像这里面：

<div class="contentBoxRight"> 
    <div class="floatingHeaderBox">Hdr</div> 
</div>

你可以只添加一个负左边距考虑到滚动条。由于x-overflow被设置为隐藏，您将无法判断它是否已移动。添加填充或子容器以将您想要的空间重新放回到左侧。

.floatingHeaderBox { 
     width: 100%; 
     margin-left:-18px; 
    }

来源

2011-06-30 00:08:24 Jage

这似乎不工作，因为它被设置为100％宽度，左边距，将整个框左移...... – Justin

您如何知道所有当前和未来浏览器上的18px宽的滚动条？基于苹果的东西默认情况下不显示滚动条？ –

我认为你可以做这样的http://jsfiddle.net/yuliantoadi/bXukG/1/

我没有你的HTML，所以我用我自己做到了。

来源

2011-06-30 02:51:00 yoel

固定Div隐藏滚动条

回答

相关问题