Question

我已经在scrollTo插件的网站上实现了这个脚本，但我真的不懂javascript / jquery足以编辑我需要的一切。这样写的方式，它设置了100％的高度，因此内容被切断。我知道我需要在这里更改定义/变量，但不知道我将用它替换它。最小高度？我可以在那里放一个固定的号码吗？我想尽可能写入min-height 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规则。

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

1 个答案: