如何將此腳本更改爲最小高度（或固定高度）？

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規則。