當瀏覽器調整大小時，高度自動顯示隱藏內容

這裏是即時通訊工作的網站，原諒我，如果我沒有足夠具體，即時通訊新的這一點。當瀏覽器調整大小時，高度自動顯示隱藏內容

http://daniel.grocock.me/portnew

設置爲#introexpand DIV段的高度並具有調整大小功能檢查看是否#introexpand需要適應在更大或更小的區域時，瀏覽器已經調整。

function resize() { 
    $("#introexpand").css("height", "auto").show(); 
    var pHeight = $("#introexpand p:first").height() + 15; 
    $("#introexpand").css("height", pHeight); 
}

因此，在重新設置高度之前將pHeight設置爲自動，並在短時間內顯示，以便獲得正確的高度。

現在的問題是，當我調整瀏覽器的大小#introexpand div彈出之前鏈接span.learnmore點擊。

如果我從CSS中刪除高度汽車，它似乎修復它，但然後單擊時，#introexpand div劑量函數。

來源

2012-06-07 Danman

歡迎來到Stack Overflow！ – Wex

這個函數在'$（window）.resize（）'裏面運行嗎？ –

@KevinB是的，它的名字是$（document.ready） – Danman

你可以讓一個將在onResize處理程序（jQuery）這個函數運行，但它是簡單的用CSS來解決：

#introexpand { 
    padding-bottom: 15px; 
}

來源

2012-06-07 21:58:54 Bergi

我試着調整CSS但沒有喜悅 - 或者我錯過了別的東西去用它？ – Danman

爲什麼不不同的方法處理這個。當您點擊span.learnmore時，不要試圖計算#introexpand需要的高度，而應該始終自動設置display:none;。

爲此，您需要從#introexpand和position:absolute從#introexpand p中刪除position:relative。

你這樣做之後，只是默認#introexpand到display:none，然後click上span.learnmore您可以.show()的div或.slideToggle()它的東西票友一點。

我只是覺得你想讓它變得比它需要的更復雜。

來源

2012-06-08 00:11:06

當瀏覽器調整大小時，高度自動顯示隱藏內容

回答

相關問題