基于浏览器视口的内容高度
Content Height Based On Browser Viewport
我有一些使用JQuery的Javascript,如果我的主要内容的容器小于浏览器的视口,它会给它一个高度。这是为了确保页脚始终位于页面的底部。温,我这样称呼它,它有效:
$(document).ready(function() {
var windowHeight = $(window).height();
var contentHeight = windowHeight - 325;
if($("#content").height() <= contentHeight) {
alert(contentHeight);
$("#content").height(contentHeight+"px");
}
});
但我想把它声明为一个函数,这样我就可以在页面调整事件中使用它,但当我这样做时,它就不起作用了。这是我尝试使用的代码:
function pageSizer() {
var windowHeight = $(window).height();
var contentHeight = windowHeight - 325;
if($("#content").height() <= contentHeight) {
alert(contentHeight);
$("#content").height(contentHeight+"px");
}
}
$(document).ready(pageSizer());
$(window).resize(pageSizer());
有什么想法吗?
$(document).ready(pageSizer());
$(window).resize(pageSizer());
更改为
$(document).ready(pageSizer);
$(window).resize(pageSizer);
您正在调用您的函数,而不是将它们作为jQuery所期望的引用来传递。
相关文章:
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 在 ReactJS 中获取视口/窗口高度
- Div 设置为视口高度,即使调整屏幕大小也是如此
- 如果文档高度高于视口,请执行 X
- 跨浏览器:如何根据视口高度调整元素的垂直位置
- 基于视口高度的 CSS
- Openlayers 动态视口宽度和高度分配
- 在动态更改页面高度时将页脚调整在视口底部
- 自动调整Extjs 4.2.1视口内的高度
- 如果在Chrome、Firefox或Safari上没有指定DOCTYPE,有没有办法找到视口's的高度
- 使元素至少达到视口的高度
- 如何根据视口大小调整Div高度
- 基于浏览器视口的内容高度
- 如何获取浏览器视口宽度&高度在Javascript和应用于CSS ID's
- 添加'X'视口高度滚动的数量
- & # 39; Media-queries& # 39;对于不同的代码不同的视口高度/宽度
- 我怎样才能让PhantomJS设置视口高度与屏幕捕获的文档高度相同?
- jQuery获取视口大小的高度,但是-(n)px
- 使用jquery从iframe获取浏览器视口的高度
- 粘性页脚,直到文档高度大于视口