Kursus Website Private Online | Disable Scroll Menggunakan Javascript

Pada kesempatan ini kami kursus website private online ingin memberikan tutorial mengenai Cara Disable Scroll Menggunakan Javascript. Jadi saat halaman website terlalu banyak content tentu akan menampilkan sebuah indikator scroll pada bagian kanan halaman. Dalam kasus sekarang kita akan menonaktifkan atau disable scroll ya. Yuk simak bagaimana membuatnya: Pertama, coba sahabat buka text editor kemudian ketikkan struktur HTML dibawah ini:

<section class="wrap">
		<h1>Section 1</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sequi eum impedit atque nemo distinctio, ut animi saepe ad labore. Impedit ab hic illo, debitis et eos, quasi non repellat in vero sit neque cupiditate molestias inventore totam facilis dicta repellendus architecto aspernatur, cum laboriosam. Nemo magnam, aut. Impedit placeat vero, possimus expedita quis officiis laborum. Impedit sint sed enim quos repellat, quis eveniet. Velit sed beatae tenetur fugit iusto? Exercitationem, aspernatur vel quas in, aliquam possimus sapiente sequi quos. Aliquid, minima a, placeat similique sapiente quibusdam, quia accusamus consequatur recusandae rerum nobis voluptas. Quaerat nesciunt quisquam, nulla, asperiores deserunt recusandae temporibus natus molestias incidunt rerum itaque perferendis, tenetur ab labore at vero quibusdam expedita molestiae accusamus! Facere odit aliquid atque repellendus nesciunt quasi perspiciatis praesentium architecto minus, veritatis repudiandae in cum consequuntur eos et, quod modi id, temporibus facilis maiores! Unde, perferendis, quo facere id consequuntur pariatur quisquam mollitia, nam sit laborum sint perspiciatis est quas? Adipisci unde amet eos sapiente tenetur debitis nesciunt dolore ipsam molestias, eius cupiditate, doloremque optio officiis nulla. Et quibusdam quos ratione aperiam modi harum amet sapiente, iusto a quis, tenetur consectetur voluptatem odit qui reiciendis! Atque molestias adipisci voluptates reprehenderit aspernatur saepe ex.</p>
	</section>
	<section class="wrap">
		<h1>Section 2</h1>
		<p>isi content lorem 200 karakter</p>
	</section>
	<section class="wrap">
		<h1>Section 3</h1>
		<p>isi content lorem 200 karakter</p>
	</section>

Jadi pada bagian setiap section ada paragraph bisa sahabat isi 200 karakter.

Kedua, tambahkan style CSS untuk menetukan tinggi setiap bagian section seperti code berikut ini ya teman teman kursus website private online:

body{background: #e0e0e0}
		section{
			width: 50%;
			height: 500px;
			margin: 15px auto;
			font-size: 22px;
			line-height: 25px;
		}

Baiklah jika sudah selanjutnya yaitu menambahkan code Javascript, ketikkan seperti dibawah ini:

function noScroll(){
			window.scrollTo(0,0);
		}
		window.addEventListener('scroll', noScroll);

Apabila sudah silahkan simpan code diatas, kemudian jalankan pada browser masing-masing maka akan seperti dibawah ini:

kursus privat website online rasa cuku dalam pembahasan Kali ini Tentang Cara Disable Scroll Menggunakan Javascript. Semoga bermanfaat dan sampai jumpa dilain kesempatan.

Terimakasih sudah membaca artikel ini. Apakah mau juga tertarik dengan digital marketing? yuk kita belajar google ads, belajar google analytics, dan belajar gtm.

Cara Disable Scroll Menggunakan Javascript

Kategori