pageXOffset Window DOM HTML dan Fungsinya
Properti Window pageXOffset DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai piksel dari dokumen yang telah di-scroll dari sudut kiri atas window secara horizontal. Properti ini merupakan properti yang bersifat read-only dan mengembalikan sebuah angka dalam satuan piksel yang merepresentasikan bahwa dokumen telah di-scroll dari sudut kiri atas window secara horizontal.
Sebelum memahami lebih dalam materi tentang pageXOffset Window DOM HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Lebar Luar HTML Menggunakan outerWidth Window DOM [klik], Mengatur Panjang Luar HTML Menggunakan outerHeight DOM [klik], dan Window Opener HTML DOM dan Fungsinya [klik].
Sintak:
window.pageXOffset
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai piksel pada dokumen yang telah di-scroll dari sudut kiri atas window secara horizontal.
Berikut adalah program ilustrasi dari penggunaan properti Window pageXOffset.
Contoh: mendapatkan nilai piksel dokumen yang telah di-scroll dari sudut kiri atas window secara horizontal.
 |
| Properti pageXOffset DOM |
Sintak:
window.pageXOffset
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai piksel pada dokumen yang telah di-scroll dari sudut kiri atas window secara horizontal.
Baca Juga:
Contoh: mendapatkan nilai piksel dokumen yang telah di-scroll dari sudut kiri atas window secara horizontal.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window pageXOffset
DOM pada HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
div
{
border: 2px black;
background-color: yellow;
height: 100px;
width: 2000px;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Window pageXOffset
</h2>
<p>
Untuk mengembalikan nilai
piksel dari dokumen yang telah
digulir dari sudut kiri atas
window horizontal, double klik
pada tombol "Check
pageXOffset":
</p>
<button
ondblclick="offset()"
style="position:fixed;">
Check pageXOffset
</button>
<script>
function offset()
{
window.scrollBy(100, 100);
alert("pageXOffset : " + window.pageXOffset);
}
</script>
</body>
</html>
Referensi Tambahan:
- Penggunaan Properti screenX Window DOM pada HTML [klik]
- Penggunaan Properti screenY Window DOM pada HTML [klik]
- Penggunaan Properti sessionStorage() Window DOM pada HTML [klik]
- Penggunaan Properti self() Window DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Window Status DOM pada HTML [klik]
- Penggunaan Properti top() Window DOM pada HTML [klik]
- Penggunaan Properti alert() Window DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Mavra Guher, Maya Putri Valentina, Minerva Putri Jullianne Bahrudin, Mitha Kamilia Adi Wijaya, dan Monik Aulia Nur Hidayah.
Ada berapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.pageXOffset DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.pageXOffset DOM pada HTML:
Hapusaa. Google Chrome
bb. Internet Explorer
cc. Firefox
dd. Opera
ee. Safari
Apa yang dimaksud dengan properti pageXOffset Window DOM pada HTML?
BalasHapusMerupakan properti yang digunakan untuk mengembalikan nilai piksel yang telah digulir dari dokumen pada sudut kiri atas window. Properti ini merupakanp roperti yang hampir mirip dengan properti scrollX.
HapusProperti pageXOffset Window DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai window dalam satuan ukur piksel pada dokumen saat ini yang telah dilakukan scroll dari sudut vertikal kiri atas.
Hapus