cari

Rumah  >  Artikel  >  hujung hadapan web  >  Perbincangan ringkas tentang kaedah scrollBy() kemahiran window object_javascript

Perbincangan ringkas tentang kaedah scrollBy() kemahiran window object_javascript

WBOY
WBOYasal
2016-05-16 15:50:181336semak imbas

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>

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

Kenyataan：
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 sebelumnya：Kaedah javascript untuk menunjukkan dan menyembunyikan ul list_javascript tipsArtikel seterusnya：Kaedah javascript untuk menunjukkan dan menyembunyikan ul list_javascript tips

Artikel berkaitan

Lihat lagi