CSS继承与position:fixed用于滚动DIVS

时间:2011-02-10 18:20:28

标签: css inheritance scroll positioning

我有一个DIV,其内容比外部DIV更多。目前我正在使用overflow:auto;创建滚动条。但是,我想在浏览器级别而不是DIV侧面滚动条。

我试图将所有其他DIVS设置为position:fixed但是当我将包含DIV设置为position时:修复我要滚动的DIV继承此属性,从而冻结整个页面。没有放置位置:固定在容器DIV上它也会滚动。

有没有办法停止这种继承,所以唯一可以滚动的元素,而其余的是固定的?

我的网站:http://www.longmeadoweventcenter.com/dev/reservations/

2 个答案:

答案 0 :(得分:0)

如果我正确理解您的问题,除非可滚动内容充当页面上的背景,否则这是不可行的。

你有一个模拟你的意图吗?

答案 1 :(得分:0)

你所要求的并不是“完成”的做事方式。你问的方式当然不可能。

显而易见的问题是如果页面的其余部分对于屏幕来说太大而需要滚动条会发生什么?

也许有可能实现您所追求的效果,但代价是完全重新设计您的页面结构,并严重限制您可以对页面的其余部分执行的操作。

您最接近的是完全更改页面布局,以便可滚动区域是主页面元素,具有正常position:staticposition:relative。在没有任何其他内容的情况下,这将像普通页面一样,但需要大量的利润。然后,您的页面内容的其余部分将使用z-indexposition:fixed;定位在其上。这需要至少有四个独立的<div>元素,有效地充当主要内容的框架。您可以将任何您喜欢的内容放入这些框架元素中,但显然与您描述的布局不同,您不能拥有在可滚动区域后面流动的内容,也不能在四个div之间流动。

所以效果是可能的,但不是很容易,也可能不像你想象的那样。