2013-06-12 50 views
1

我注意到一个让我发疯的行为。固定块元素隐藏窗口调整大小

我有两个div,同时具有类似CSS:

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

一个DIV是导航等为内容,具有最大300像素的高度。问题是,如果用户将浏览器窗口调整为非常小的尺寸,则不显示滚动条。

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

p.s.我粘贴了样本测试http://pastebin.com/Bp1490dj

+0

你可以把这个例子给http://www.jsfiddle.net,这真的有助于很多 – x4rf41

回答

1

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

从我知道的一个位置:fixed;和/或位置:绝对;将永远不会滚动。 (请纠正我,如果我错了),所以很长的路要走角落找寻这是一个最小高度设置为身体

body { 
    min-height:200px; 
} 

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

也有一个修复现在滚动。但你必须知道固定元素将永远不会滚动,因为他们是固定的

+0

谢谢你的提示。我之前用绝对定位了它,但是还存在其他问题:如果将窗口高度调整为较小的值(例如250px),则文本消失且无法读取,请参阅 http://jsfiddle.net/RjM8F/ 显示一个滚动条,但不能滚动到顶部,但只能到底部,只有空白存在 – Sonne

+0

@sonne滚动条正在显示,因为body {min-height:350px;}如果你删除那里没有滚动条。所以现在,如果你滚动,你滚动身体。这就是为什么你要进入白色空间..你有一个网页的链接,或者你可以上传一张图片,以显示你正在尝试做什么? – caramba

相关问题