masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

Perbincangan ringkas tentang kaedah scrollBy() kemahiran window object_javascript

WBOY
Lepaskan： 2016-05-16 15:50:18
asal
1348 orang telah melayarinya

Takrifan dan penggunaan kaedah scrollBy():

Kaedah ini boleh mengalihkan kandungan ke saiz yang ditentukan. Unit ialah piksel (px).
Klik untuk melihat lebih banyak sifat dan kaedah objek tetingkap.

Struktur tatabahasa:

scrollBy(x,y)

Senarai parameter:
Senarai parameter
x diperlukan. Saiz untuk mengalihkan kandungan ke kanan.
y diperlukan. Saiz kandungan bergerak ke bawah.

Sokongan penyemak imbas:

Pelayar 1.IE menyokong atribut ini.
2.Pelayar Firefox menyokong atribut ini.
3. Penyemak imbas Opera menyokong atribut ini.
4.Pelayar Chrome menyokong atribut ini.

Contoh kod:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>脚本之家</title>
<style>
*{
 margin:0px;
 padding:0px;
}
body{
 width:1800px;
 height:1200px;
}
input{
 position:fixed;
 left:20px;
 top:20px;
}
</style>
<script type="text/javascript">
function resize(){
 window.scrollBy(200,300);
}
window.onload=function(){
 var bt=document.getElementById("bt");
 bt.onclick=function(){
 resize()
 }
}
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"> 
</body>
</html>
Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan：
scrollBy()
sumber：php.cn
Artikel sebelumnya：Kaedah javascript untuk menunjukkan dan menyembunyikan ul list_javascript tips Artikel seterusnya：Pemalam jQuery windowScroll melaksanakan satu skrin tatal effects_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1915
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
2089
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1758
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1660
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1668
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan