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

Css 固定块元素在窗口调整大小时隐藏,css,positioning,Css,Positioning,我注意到一种让我发疯的行为 我有两个div,它们都有相似的css: .one, .two { position: fixed; bottom: 6% } 一个div用于导航,另一个用于内容,最大高度为300px。问题是,如果用户将浏览器窗口调整为非常小的窗口,则不会显示滚动条 我试图将位置更改为绝对位置,但是如果加载了新页面,ajaxify插件就会破坏位置。我找不到其他的想法,如何在底部的固定位置定位这些div p、 我在滚动条上粘贴了一个样本测试,滚动条与固定位置不兼容。滚动条与

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

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

.one, .two {
   position: fixed;
   bottom: 6%
}
一个div用于导航,另一个用于内容,最大高度为300px。问题是,如果用户将浏览器窗口调整为非常小的窗口,则不会显示滚动条

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


p、 我在滚动条上粘贴了一个样本测试,滚动条与固定位置不兼容。

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

背景绿色div位于底部,位置:绝对

从我所知道的位置:固定;和或位置:绝对;我永远不会做卷轴。(如果我错了,请纠正我)所以一种绕过这一点的方法是设置身体的最小高度

body {
    min-height:200px;
}
看一下小提琴


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

背景绿色div位于底部,位置为:绝对

从我所知道的位置:固定;和或位置:绝对;我永远不会做卷轴。(如果我错了,请纠正我)所以一种绕过这一点的方法是设置身体的最小高度

body {
    min-height:200px;
}
看一下小提琴


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

你可以举个例子,这真的很有帮助吗。我以前用absolute定位过它,但当时还存在其他问题:如果将窗口高度调整为较小的高度(例如250px),文本将消失且无法读取,请参见显示的滚动条,但无法滚动到顶部,只能滚动到底部,其中只有空白exists@sonne滚动条正在显示,因为正文{最小高度:350px;}如果你删除了,没有滚动条。所以现在,如果你滚动,你滚动主体。这就是为什么你要翻到空白处。你有一个页面的链接,或者你可以上传一张图片来显示你正在尝试做什么吗?谢谢你的提示。我以前用absolute定位过它,但是存在其他问题:如果你调整wi的高度如果切换到较小的屏幕(如250px),文本将消失且无法读取,请参见显示的滚动条,但无法滚动到顶部,只能滚动到底部,其中只有空白exists@sonne显示滚动条是因为主体{min height:350px;}如果你删除了,没有滚动条。那么现在,如果你滚动,你就滚动主体。这就是为什么你要翻到空白处。你有一个指向页面的链接,或者你能上传一张图片来显示你正在尝试做什么吗?