固定块元素隐藏在窗口大小调整上

时间:2013-06-12 13:38:03

标签: css positioning

我注意到一种让我发疯的行为。

我有两个div,它们都有类似的css:

.one, .two {
   position: fixed;
   bottom: 6%
}

一个div用于导航,另一个用于内容,最大高度为300px。问题是,如果用户将浏览器窗口的大小调整为非常小的,则不会显示滚动条。

我尝试将位置更改为绝对位置,但是如果加载了新页面,则ajaxify插件会中断位置。我找不到其他想法,如何将这些div定位在底部的固定位置。

P.S。我在http://pastebin.com/Bp1490dj

上粘贴了一个示例测试

2 个答案:

答案 0 :(得分:1)

background-green div位于底部,位置为:absolute;

从我所知的位置:固定;和/或位置:绝对;永远不会滚动。 (如果我错了,请纠正我)所以绕道而行的方法就是设置身高的最小高度

body {
    min-height:200px;
}

查看小提琴http://jsfiddle.net/u2ZWa/

此外,现在还有一个滚动修复程序。但你必须知道固定元素永远不会滚动,因为它们是固定的

答案 1 :(得分:0)

滚动条与固定定位不兼容。