Saat saya mempelajari nilai overflowproperti, saya menemukan dua nilai ini: autodan scroll, yang menambahkan scrollbar jika konten melebihi elemen.
Bisakah seseorang menjelaskan kepada saya apa perbedaan di antara mereka?
123
Otomatis hanya akan menampilkan bilah gulir jika ada konten yang dipotong.
Namun, scroll akan selalu menampilkan scrollbar meskipun semua konten cocok dan Anda tidak dapat menggulirnya.
scroll, saya tidak melihat scrollbar jika kontennya sesuai. Tapi, untuk amannya, saya menggunakanautokarena saya hanya ingin menampilkan scrollbar saat konten dipotong.overlow: scrollmembuat kotak lebih tipis: jsbin.com/letog/2/editoverflow: scrolldanoverflow: autosecara fungsional identik saat penampung cukup besar untuk memuat konten.overflow: scrollakan menyembunyikan semua konten yang meluap dan menyebabkan bilah gulir muncul di elemen yang dimaksud. Jika konten tidak meluap, scrollbar akan tetap terlihat, tetapi dinonaktifkan.overflow: autosangat mirip, tetapi scrollbar hanya muncul saat konten meluap.Ada penjelasan serupa di sini , dengan beberapa tangkapan layar untuk mengilustrasikan maksudnya.
sumber
Lihatlah Trik CSS .
Otomatis akan menampilkan bilah gulir jika dan hanya jika konten meluap; tapi scroll akan selalu menampilkan scrollbar, apakah kontennya meluap atau tidak.
sumber
Menambahkan poin ke jawaban,
Overflow:autotidak berfungsi di IE7 ketika posisi wadahnya absolut. Posisi relative overflow IE7 . Tapi pengaturanOverflow:scrollberhasilsumber
overflow: scroll akan menampilkan scrollbar horizontal dan vertikal meskipun Anda tidak membutuhkannya. while, overflow: auto akan menampilkan scrollbar yang dibutuhkan div Anda. jadi pada dasarnya otomatis akan membantu Anda menyingkirkan kedua scollbar. Ini lebih dari itu:
https://css-tricks.com/the-css-overflow-property/
sumber