檢查div是否實際上溢出和/或具有滾動條

我們有一個頁面，其中有一個<DIV style="overflow:auto; height:400px;> ... </DIV>部分填充了來自數據庫的信息。有時它包含的文字多於可見的文字（因此overflow:auto），我們得到一個垂直滾動條。檢查div是否實際上溢出和/或具有滾動條

我們想給<DIV>部分的底邊框變爲紅色，如果文本溢出 - 並因此而不是當我們沒有一個垂直滾動條（=紅色底邊框表示有更多的數據，因爲人們並不總是看到滾動條的注意力）。

這是如何實現的？

設置「border-bottom:1px solid red;」將使底部邊框始終處於紅色狀態，同時文本數量不會指定溢出/滾動條，因此單獨不會剪切它。

編輯：你們快，謝謝！我會研究這些建議 - 再次感謝！

來源

2012-08-02 Nicolaj

我不知道這將是多麼有用 - 滾動條的存在的多個內容的通用指標 - 如果用戶不要他們沒有注意* it *，他們有多大可能承認存在於單一應用程序的一頁上的「約定」？ – 2012-08-02 07:43:05

我想方法是檢查div內容寬度...例如：var x = $（div）.html（）; if（x.width（）> $（div）.width（））{/ *執行動畫邊框* /} – 2012-08-02 07:45:05

非常類似於這個問題：http://stackoverflow.com/questions/7138772/how-to-detect -overflow-in-div-element – 2012-08-02 07:47:05

CSS

.attention{border-bottom:1px solid red;}

$.document(ready(function(){ 
    var div = ('div#YOUR_OVERFLOW_DIV'); 

    if ((div).height()>400){ 
    $(div).addClass('attention'); 
    } 


});

來源

2012-08-02 07:46:52 voodoo417

if (myDiv[0].scrollHeight > myDiv.innerHeight()){ 
    //this has overflowing contetent! 
} 
else{ 
    //remove border, etc. 
}

來源

2012-08-02 07:52:17

檢查div是否實際上溢出和/或具有滾動條

回答

相關問題