Pada umumnya suatu website terdiri dari lebih dari satu halaman. Misalnya index, about, gallery, contact dan lain-lain. Tapi mungkin anda pernah melihat suatu website yang hanya terdiri dari satu page/halaman saja. Website-website seperti ini biasanya cenderung panjang kebawah atau format halamannya scroll kebawah. Saat kita mengklik menu kita tidak diarahkan ke halaman yang baru hanya saja langsung diarahkan scroll ke bawah.
Bagaimana cara kerjanya? Apa saja kode yang digunakan?
Ternyata cara ini tergolong simple hanya saja tidak terlalu sering digunakan. Kuncinya adalah kita harus menggunakan Id. Suatu id tidak boleh digunakan lebih dari satu kali dalam suatu file. ok langsung saja berikut cara scroll page menggunakan id.
- buat element id yang didalamnya bisa diisi dengan apa saja yang ingin kita tampilkan
<div id=”home”>
isi disini teks gambar dan lain-lain
</div>
- buat link yang referensinya menuju id yang dinginkan agar bisa mengakses dan diarahkan langsung ke id tersebut
<a href=”#home”>Go to Home</a>
Created By : Sanjaya