Question

好的，所以我尝试使用原型在页面加载时动态设置容器的最小高度，以便页面正确显示。我的页眉和页脚高度相当于345px，所以我试图将主容器div的最小高度设置为窗口的内部高度减去页面加载时的这些尺寸，因此即使这些fiv中没有内容的页面也会正确显示。这是我到目前为止所尝试的：

document.observe("dom:loaded", function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').style.minHeight = minHeight;
});

和

document.observe("dom:loaded", function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').setStyle({
        minHeight : minHeight
    });
});

我知道脚本会通过document.observe函数中的警告触发页面加载，但它不会添加高度或抛出任何错误。有什么想法吗？

修改

感谢@Andrew的回答，我还在用户调整大小时添加了此代码，并认为我要分享：

Event.observe(window, 'resize', function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').setStyle({
        'min-height' : minHeight+'px'
    });
});

Answer 1

不应minHeight : minHeight为'min-height' : minHeight+'px'

在页面加载原型上设置容器的最小高度

1 个答案: