Slide Horizontal dengan Mouse Scroll

Kode Slide Horizontal dengan Mouse Scroll
Share:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
scroll horizontal with mouse html structure
.scroll_container {
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;  
	-ms-overflow-style: none; 
}

.scroll_container::-webkit-scrollbar {
  	display: none;
}
const element = document.querySelector(".scroll_container");

element.addEventListener('wheel', (event) => {
  event.preventDefault();

  element.scrollBy({
    left: event.deltaY < 0 ? -30 : 30,
    
  });
});

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Artikel Terkait

Membuat daftar taxonomy tertentu
Contoh: membuat daftar taxonomy grape-variety dari produk
inspiradio
Tombol play dan stop audio
Kode untuk membuat tombol play dan stop audio
oxygen builder meta query product on sale
Oxygen Builder Repeater - Woocommerce Product On Sale
Kode Oxygen Builder Repeater - Woocommerce Product On Sale
PAKET LENGKAP PEMBUATAN WEBSITE
Digitalizer menawarkan jasa pembuatan website untuk company profile, toko online, event organizer, lembaga pendidikan ataupun bidang lainnya. Anda tidak perlu memikirkan tentang domain, webhosting/server, DNS, email, desain, development, security serta masalah teknis lainnya. Cukup siapkan content website anda saja, sisanya kami yang mengerjakannya.
Semua paket pembuatan website sudah termasuk maintenance 1 tahun!
HOT LINK!
Kembali ke atas
cross