Uji perbedaan antara ketiga properti ini melalui demo.
menjelaskan:
Scrollwidth: Lebar konten aktual objek, lebar garis tanpa tepi, akan menjadi lebih besar karena konten dalam objek melebihi area tampilan.
ClientWidth: Lebar area tampilan dari konten objek, tanpa membungkus garis gulir batang sama sisi, akan berubah seiring perubahan ukuran tampilan objek.
OffsetWidth: Lebar objek yang sebenarnya secara keseluruhan, bilah gulir sama -sama bermata, yang akan berubah saat objek menampilkan ukurannya.
Demo menempatkan elemen TextArea di halaman dan menampilkannya dengan lebar dan tinggi default.
Situasi 1:
Jika tidak ada konten dalam elemen atau konten tidak melebihi area tampilan, pengguliran tidak muncul atau tidak tersedia.
ScrollWidth = ClientWidth, keduanya adalah lebar area tampilan konten.
Offsetwidth adalah lebar elemen yang sebenarnya.
Situasi 2:
Konten elemen melebihi area tampilan, bilah gulir muncul dan tersedia.
Scrollwidth> ClientWidth.
Scrollwidth adalah lebar konten yang sebenarnya.
ClientWidth adalah lebar area tampilan konten.
Offsetwidth adalah lebar elemen yang sebenarnya.
AKHIR
Di atas adalah semua perbedaan antara scrollwidth, clientwidth, dan offsetwidth. Saya harap ini akan membantu semua orang.