html - Cara menggunakan javascript untuk menentukan sama ada div telah melimpah

Question

Terdapat elemen p (id="info") pada halaman web. Lebar dan ketinggiannya adalah seperti berikut:

p#info 
{
    width: 10cm;
    height: 8cm;
    border-style: solid;
    border-width: 1pt;
    border-color: orange;
    overflow: auto;
}

Ia mengandungi beberapa p (atau elemen peringkat blok lain ini diperoleh secara dinamik melalui AJAX, jadi kami tidak tahu ketinggiannya Jika terdapat terlalu banyak atau terlalu banyak, ia akan menyebabkan maklumat melimpah. Oleh itu, gaya limpahan maklumat ditetapkan kepada automatik, supaya bar skrol akan muncul apabila kandungan melimpah.

Soalan saya ialah:

Bolehkah saya menggunakan javascript untuk menentukan sama ada maklumat ini telah melimpah?

Atau ini juga mungkin: gunakan javascript untuk menentukan sama ada bar skrol maklumat telah muncul?

(Jelaskan tujuan ini. AJAX akan terus menarik maklumat dari pelayan, tetapi panjang entri yang diperolehi setiap kali mungkin sangat berbeza, jadi saya tidak tahu item mana yang akan dipaparkan apabila maklumat akan melimpah. Jika maklumat melimpah, program akan memadamkan entri lama dengan sewajarnya, jika tidak ia akan terus terkumpul dalam maklumat)

Answer 1

Anda boleh menggunakan atribut scrollHeight dan atribut clientHeight untuk menilai Apabila scrollHeight lebih besar daripada clientHeight elemen ialah Ia boleh menatal secara menegak jika anda ingin mengesan tatal mendatar, anda boleh menggunakan scrollWidth dan clientWidthscrollHeight属性和clientHeight属性来判断, 当scrollHeight大于clientHeight的时候，元素就是可以垂直滚动的；如果检测水平滚动的话，可以用scrollWidth和clientWidth

var element = document.getElementById('element');
if (element.scrollHeight > element.clientHeight) {
    ...
}

关于scrollHeight和clientHeight rrreee
Untuk scrollHeight dan clientHeight, anda boleh membaca pengenalan MDN:

scrollHeight

ketinggian pelanggan🎜