Bagaimanakah Saya Boleh Mengesan Keterlihatan Bar Skrol dalam Elemen DIV?

Memastikan Pengesanan Keterlihatan Bar Tatal

Mengesahkan sama ada elemen DIV mempamerkan keterlihatan bar skrol berdasarkan limpahan:sifat auto boleh menjadi tugas yang berguna di hadapan -penghujung pembangunan. Ini boleh dicapai dengan menggunakan pemalam tersuai yang memeriksa scrollHeight dan ketinggian elemen.

Mari kita selami kod:

(function($) {
    $.fn.hasScrollBar = function() {
        return this.get(0).scrollHeight > this.height();
    }
})(jQuery);

Pemalam ini, boleh diakses melalui perpustakaan jQuery, menawarkan kaedah mudah, hasScrollBar, yang membolehkan anda menentukan keterlihatan bar skrol. Dengan membandingkan scrollHeight, mewakili potensi ketinggian kandungan, dengan ketinggian, yang mewakili ketinggian semasa yang boleh dilihat, anda boleh menjawab dengan pasti sama ada bar skrol menegak hadir.

Cara menggunakannya:

$('#my_div1').hasScrollBar(); // Returns true if a vertical scrollbar is visible, false otherwise.

Asalnya dilaksanakan dengan get(0).scrollHeight > this.height(), sesetengah kes, seperti apabila bar skrol bersilang, boleh menyebabkan hasil yang tidak tepat. Oleh itu, kemas kini tambahan, dapatkan(0).scrollHeight > this.get(0).clientHeight, sebaliknya menggunakan clientHeight, memastikan pengesanan yang lebih dipercayai.

Perhatikan bahawa walaupun pemalam ini berfungsi dengan berkesan dalam pelayar utama seperti Firefox, Chrome dan pelbagai versi Internet Explorer, menggunakan teg badan pemilih mungkin tidak membuahkan hasil yang diharapkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Keterlihatan Bar Skrol dalam Elemen DIV?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!