将div height设置为ready并调整大小
将div height设置为ready并调整大小
提问于 2013-07-15 22:53:52
我有一个div，我想根据窗口高度调整它的大小。我有一个静态的高度div上面(height=97px)和下面(高度= 200px)。到目前为止，我有以下代码：
function eventSize(){
var windowHeight = $(window).height();
eventHeight = windowHeight - 297;
$('#mainEvent').css('height',eventHeight + 'px');
}
$(document).ready(eventSize);
$(window).resize(eventSize);代码似乎可以调整大小，但在页面加载时没有显示高度。作为参考，该页面位于以下位置：www.fuelogix.com/test/roi.html。如果这可以用CSS来完成，我也会对这些选项持开放态度。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-07-16 00:48:24
看起来你在那个页面上还有一个坏掉的javascript。这很可能会阻止它工作。错误在这里
$(...).cycle不是midMenu.js第27行中的函数
//Background Cycle
$('#backgroundMid').cycle({我能够以不同的方式表达你的代码。没有任何问题。
$(function(){
$(window).resize(function(){
var windowHeight = $(window).height();
eventHeight = windowHeight - 297;
$('#mainEvent').css('height',eventHeight + 'px');
}).resize();
});我的另一个建议是计算偏移量，而不是使用硬编码的297值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17665263
复制
相似问题
遍历tableview的iOS下一步/上一步按钮
iPhone MPMoviePlayerController上的下一步/上一步按钮
iPhone键盘下一步按钮
Iphone Uitoolbar下一步按钮
带有下一步和上一步按钮的面板
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
