Melakukan Gulir HTML Menggunakan scrollTo Window DOM
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.
<!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>
- Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik]
- Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik]
- Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM [klik]
- Membersihkan Penyimpanan Lokal HTML Menggunakan Local Storage Clear DOM [klik]
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik]
- Mengatur Objek Video HTML Menggunakan Video Object DOM [klik]
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM [klik]
5 komentar untuk "Melakukan Gulir HTML Menggunakan scrollTo Window DOM"
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 -
Browser apa saja yang dapat digunakan untuk mengaktifkan properti scrollTo() Window DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.scrollTo() DOM pada dokumen HTML:
Hapus--1-- Google Chrome
--2-- Internet Explorer
--3-- Firefox 1.0
--4-- Opera
--5-- Safari
Apa yang dimaksud dengan properti scrollTo() DOM pada HTML?
BalasHapusProperti 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.
HapusAgar 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