如何将此脚本更改为最小高度（或固定高度）？

Question

我已经在scrollTo插件的网站上实现了这个脚本，但是我并不真正理解javascript/jquery足以编辑我需要的所有东西。这是写的方式，它设置了100％的高度，所以内容被切断。我足够了解我需要在这里更改定义/变量，但不知道我将如何替换它。最小高度？我可以在里面放一个固定号码吗？如果可能的话，我想写入最小高度的CSS属性。

function resizePanel() { 

    width = $(window).width(); 
    height = $(window).height(); 

    mask_width = width * $('.item').length; 

    $('#debug').html(width + ' ' + height + ' ' + mask_width); 

    $('#wrapper, .item').css({width: width, height: height}); 
    $('#mask').css({width: mask_width, height: height}); 
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0); 

} 

在此先感谢。我试图在谷歌搜索语法问题，但我怀疑我正在寻找合适的术语，因为我想出了ZILCH。

Answer 1

您可以使用.css()设置min-height属性是这样的：

$('#mask').css({width: mask_width, "min-height": height}); 

我觉得minHeight:也将工作; jQuery可以识别CSS风格和DOM风格的拼写。

也就是说，最好不要单独使用JavaScript并使用CSS调整外观。也许你可以在你的样式表中放置一个像#mask { min-height: 100%; }这样的CSS规则。