Bagaimanakah Saya Boleh Mengesan Keterlihatan Bar Skrol dalam Elemen HTML Menggunakan jQuery?

Cara Menentukan Keterlihatan Bar Tatal dalam Elemen HTML

Selalunya wajar untuk menunjukkan secara visual kehadiran bar skrol dalam elemen div, terutamanya apabila kandungannya mungkin berbeza-beza panjangnya. Ini membolehkan pengguna menjangka keperluan untuk menatal. Untuk menangani perkara ini, acara tuding langsung jQuery boleh dimanfaatkan untuk menyemak keterlihatan bar skrol.

Menentukan Keterlihatan Bar Tatal

Pemalam tersuai boleh dibuat untuk memastikan keterlihatan bar skrol. Ia memanfaatkan scrollHeight dan sifat ketinggian untuk membandingkan jumlah ketinggian boleh tatal elemen dengan ketinggian yang boleh dilihat. Jika yang pertama melebihi yang kedua, bar skrol hadir.

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

Pemalam ini boleh digunakan dalam amalan seperti berikut:

$('#my_div1').hasScrollBar(); // returns true if a vertical scrollbar exists

Pertimbangan

Fungsi ini boleh mengesan bar skrol menegak tetapi mungkin gagal apabila bar skrol mendatar wujud bersama, yang membawa kepada penampilan menegak bar skrol. Dalam kes sedemikian, sifat clientHeight boleh digunakan sebaliknya.

return this.get(0).scrollHeight > this.get(0).clientHeight;

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