淺談window對象的scrollBy()方法
更新時間：2015年07月15日 09:08:07 投稿：hebedich
本文給大家介紹的是windows對象中的scrollBy()的定義和使用方法，十分的細(xì)致全面，有需要的小伙伴可以參考下。
scrollBy()方法的定義和用法:
此方法可以把內(nèi)容移動指定尺寸。單位是像素（px）。
點擊可參閱更多window對象的屬性和方法。
語法結(jié)構(gòu):
scrollBy(x,y)
參數(shù)列表:
參數(shù) 列表
x 必需。內(nèi)容向右移動的尺寸。
y 必需。內(nèi)容向下移動的尺寸。
瀏覽器支持:
1.IE瀏覽器支持此屬性。
2.Firefox瀏覽器支持此屬性。
3.Opera瀏覽器支持此屬性。
4.chrome瀏覽器支持此屬性。
代碼實例:
<!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>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:
相關(guān)文章
svg插入foreignObject無法響應(yīng)事件解決
這篇文章主要為大家介紹了svg插入foreignObject無法響應(yīng)事件解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹了JavaScript實現(xiàn)多種排序算法的相關(guān)資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了js點擊按鈕實現(xiàn)帶遮罩層的彈出視頻效果,需要的朋友可以參考下2015-12-12
很早之前就想分享這篇心得，幸之今天能在這里完成，好了，話不多說，進(jìn)入正題。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了JSONObject與JSONArray使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
緩沖效果就是實現(xiàn)一個頁面的由慢到快或由快到慢的過程。2009-09-09
這篇文章主要介紹了JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼,需要的朋友可以參考下2015-04-04
JS控制頁面跳轉(zhuǎn)時未請求要跳轉(zhuǎn)的地址怎么回事
在js中通過window.location.href控制頁面跳轉(zhuǎn)時，有時會跳轉(zhuǎn)至緩存頁面，并沒有真正去請求要跳轉(zhuǎn)的地址，導(dǎo)致頁面數(shù)據(jù)未能及時加載刷新。怎么解決呢？下面小編給大家解答下2016-10-10
Electron中實現(xiàn)大文件上傳和斷點續(xù)傳功能
Electron是開源的框架，可以使用h5來開發(fā)跨平臺pc桌面應(yīng)用，這樣前端開發(fā)這可以開發(fā)桌面應(yīng)用了。這篇文章主要介紹了Electron中實現(xiàn)大文件上傳和斷點續(xù)傳功能,需要的朋友可以參考下2018-10-10
越來越多的網(wǎng)站進(jìn)行數(shù)據(jù)傳輸時不使用明文傳輸,本文主要介紹了JS逆向之加密參數(shù)定位,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01