Lompat ke konten Lompat ke sidebar Lompat ke footer

Melakukan Gulir HTML Menggunakan scrollTo Window DOM

Properti Window scrollTo() DOM pada HTML merupakan properti yang digunakan untuk melakukan scroll pada sekumpulan koordinat tertentu pada dokumen HTML.


Sebelum memahami lebih dalam materi tentang Melakukan Gulir HTML Menggunakan scrollTo Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Ukuran Halaman HTML Menggunakan resizeTo Window DOM [klik], Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM [klik], dan Perintah Prompt HTML Menggunakan Prompt Window DOM [klik].

Sintak:
window.scrollTo(x-coord, y-coord)

Parameter Properti: digunakan untuk menerima dua nilai parameter yang dijelaskan sebagai berikut.
  • x-coord: digunakan dalam satuan ukur piksel untuk nilai horizontal axis dari dokumen yang ditampilkan pada kiri atas.
  • y-coord: digunakan dalam satuan ukur piksel untuk nilai vertikal axis dari dokumen yang ditampilkan pada kiri atas.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window scrollTo() DOM 

pada HTML

</title>

 

<style>

body 

{

width: 5000px;

height: 5000px;

margin-left: 260px;

}

</style>

 

</head>

 

<body>

 

<h1 

style="color:green;">

Blog Elfan

</h1>

 

<h2>

Properti Window scrollTo() DOM 

pada HTML

</h2>

 

<p>

Merupakan portal ilmu 

komputer.

</p>

 

<button 

onclick="Boon()">

Click to scroll!

</button>

 

<script>

function Boon() 

{

// Scroll dokumen ke posisi 

// horizontal "250" dan 

// vertikal "110"

window.scrollTo(250, 110);

}

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Novia Ramadhani, Nur Annisa Venny Meitasari, Nurma Nathalia Utami, Pramudya Adam Ramadhani, dan Putri Sriwardani.

5 komentar untuk "Melakukan Gulir HTML Menggunakan scrollTo Window DOM"

  1. Browser apa saja yang dapat digunakan untuk mengaktifkan properti scrollTo() Window DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.scrollTo() DOM pada dokumen HTML:
      --1-- Google Chrome
      --2-- Internet Explorer
      --3-- Firefox 1.0
      --4-- Opera
      --5-- Safari

      Hapus
  2. Apa yang dimaksud dengan properti scrollTo() DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti atau method scrollTo() DOM pada HTML merupakan properti window yang digunakan untuk melakukan scroll atau gulir ke set koordinat tertentu dalam elemen tertentu yang telah ditentukan sebelumnya.

      Hapus
    2. Agar method scrollTo() dapat berfungsi pada window yang dikenainya, maka dokumen atau window tersebut ukurannya harus lebih besar daripada layar, dan bilah gulir juga harus terlihat pada window.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -