• Tentang Kami
  • Portofolio
  • Paket Web
  • Promo
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

data@sundakreatif.com

0878 231 791 22

Jasa Pembuatan WebsiteJasa Pembuatan WebsiteJasa Pembuatan Website
Menu
  • Tentang Kami
  • Portofolio
  • Paket Web
  • Promo
    • Hosting Terbaik Unlimited
  • Tutorial Website
  • GRATISAN
  • Lokasi
  • Artikel

CSS : Cara Menghilangkan Scrollbar di Browser

  • Home
  • Blog
  • CSS : Cara Menghilangkan Scrollbar Di...

CSS : Cara Menghilangkan Scrollbar di Browser

Categoriestutorial website

Yudith Hentreisa

May 18, 2022

0 0

Share this post

Cara Menghilangkan Scrollbar di Browser – Ada banyak waktu ketika kita perlu menyembunyikan scrollbar dari elemen HTML. Penggunaan dapat bervariasi dari orang ke orang. Ini adalah topik yang diperdebatkan untuk menjaga scrollbar atau tidak berdasarkan Interaksi Pengguna (UI)/Pengguna, Pengalaman (UX).

Cara Menghilangkan Scrollbar di Browser

Sebagian besar waktu, saya tidak suka menampilkan bilah gulir kepada pengguna karena praktik desain yang saya ikuti.

Untuk mencapai ini, Anda hanya perlu menggelitik CSS untuk menambahkan beberapa penyeleksi semu untuk menyembunyikannya berdasarkan gaya Browser

Untuk Chrome:

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

.element::-webkit-scrollbar { width: 0 !important }

Untuk Firefox/Edge: (Periksa Output firefox dan kemudian GTG)

html {
    scrollbar-width: none;
}

Poin Penting untuk dipertimbangkan sebelum menyembunyikan Scrollbar:

  • Lebih disukai Sembunyikan scroll hanya ketika jika semua konten terlihat, pengguna lain dapat melewati konten
  • Hindari scroll horizontal pada halaman Web dan jangan sembunyikan bilah gulir horizontal karena dapat membuat konten sulit dibaca

Terimakasih telah membaca artikel CSS : Cara Menghilangkan Scrollbar di Browser semoga bermanfaat.

Tags: css tutorial, scrollbar css

Related Post

MAY 28, 2022

Konsep Javascript Yang Semua...

Konsep Javascript Yang Semua Programmer Harus Ketahui! – Ketahui konsep JavaScript...

00

MAY 19, 2022

Menggunakan If/Else di CSS

Menggunakan If/Else di CSS -Seperti yang kita ketahui, tidak ada pernyataan bersyarat...

00

MAY 15, 2022

6 Fitur JavaScript ES12

6 Fitur JavaScript ES12 -Kembali pada tahun 2015, ES6 yang revolusioner diperkenalkan...

00

JULY 31, 2021

Cara Cek File Exist dengan

Cara Cek File Exist dengan PHP – Sering kali Anda perlu memindahkan file atau...

00

JULY 12, 2021

Perbedaan PHP isset() vs....

Perbedaan PHP isset() vs. empty() vs. is_null() – Anda akan menggunakan variabel di...

00

JULY 10, 2021

Cara Membandingkan Tanggal di...

Cara Membandingkan Tanggal di PHP – Membandingkan tanggal menjadi penting saat Anda...

00

Recent Posts

  • Jasa Input data ke google spreadsheet dari web php codeigniter atau laravel

    July 13, 2022
  • Cara Memasarkan Bisnis Kecil

    June 5, 2022
  • 4 Ekstensi Google Chrome yang Meningkatkan Pekerjaan Coding Saya

    June 3, 2022
  • Konsep Javascript Yang Semua Programmer Harus Ketahui!

    May 28, 2022
  • 6 Tips Mengembangkan Logika dalam Coding

    May 25, 2022
Sundakreatif.com merupakan Jasa pembuatan website yang sudah dimulai sejak tahun 2009 (Sebelumnya bernama hentreiza-web.com). Sudah berpengalaman membuat lebih dari 400+ website.Berkreasi untuk mewujudkan keinginan Anda dalam membangun website sesuai dengan kebutuhan Anda.

LIVE CHAT (Klik Gambar)


Hubungi Kami

Sundakreatif.com

Lokasi : Bandung / Cimahi
SMS/WA : +6287823179122
LINE : Hentreiza
EMAIL : HENTREIZA @ GMAIL.COM
Comodo SSL

© 2016 Jasa Pembuatan Website, All Rights Reserved.