1

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

我有两个 div，它们都有相似的 css：

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

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

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

ps 我在http://pastebin.com/Bp1490dj上粘贴了一个示例测试

4

2 回答 2

1

the background-green div is at the bottom with position:absolute;

from what I know a position:fixed; and or position:absolute; will never make a scroll. (please correct me if I'm wrong) so a way to go arround this is to set a min-height to body

body {
    min-height:200px;
}

have a look at the fiddle http://jsfiddle.net/u2ZWa/

also, there is a fix with a scroll now. But you have to know the fixed elements will never be scrollable because they're fixed

于 2013-06-12T13:55:31.317 回答
0

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

于 2013-06-12T13:54:18.987 回答