1

好的，所以我尝试使用原型在页面加载时动态设置容器的最小高度，以便页面正确显示。我的页眉和页脚高度等于 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'
    });
});
4

1 回答 1

3

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

于 2013-04-18T15:50:46.840 回答