欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談window對(duì)象的scrollBy()方法

 更新時(shí)間：2015年07月15日 09:08:07   投稿：hebedich  
本文給大家介紹的是windows對(duì)象中的scrollBy()的定義和使用方法，十分的細(xì)致全面，有需要的小伙伴可以參考下。

scrollBy()方法的定義和用法:

此方法可以把內(nèi)容移動(dòng)指定尺寸。單位是像素（px）。
點(diǎn)擊可參閱更多window對(duì)象的屬性和方法。

語(yǔ)法結(jié)構(gòu):

scrollBy(x,y)

參數(shù)列表:
參數(shù) 列表
x 必需。內(nèi)容向右移動(dòng)的尺寸。
y 必需。內(nèi)容向下移動(dòng)的尺寸。

瀏覽器支持:

1.IE瀏覽器支持此屬性。
2.Firefox瀏覽器支持此屬性。
3.Opera瀏覽器支持此屬性。
4.chrome瀏覽器支持此屬性。

代碼實(shí)例:

<!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>

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

相關(guān)文章

  • 全面理解面向?qū)ο蟮?JavaScript(來(lái)自ibm)

    全面理解面向?qū)ο蟮?JavaScript(來(lái)自ibm)

    要掌握好 JavaScript，首先一點(diǎn)是必須摒棄一些其他高級(jí)語(yǔ)言如 Java、C# 等類式面向?qū)ο笏季S的干擾，全面地從函數(shù)式語(yǔ)言的角度理解 JavaScript 原型式面向?qū)ο蟮奶攸c(diǎn)
    2013-11-11
  • JS簡(jiǎn)單實(shí)現(xiàn)String轉(zhuǎn)Date的方法

    JS簡(jiǎn)單實(shí)現(xiàn)String轉(zhuǎn)Date的方法

    這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)String轉(zhuǎn)Date的方法,涉及JavaScript字符串與日期相互轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下
    2016-03-03
  • Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對(duì)路徑方法

    Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對(duì)路徑方法

    這篇文章主要介紹了Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對(duì)路徑方法,本文講解的方法比較特別,需要的朋友可以參考下
    2015-03-03
  • JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法

    JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法,可實(shí)現(xiàn)彩色小球的碰撞效果,涉及隨機(jī)函數(shù)與頁(yè)面樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-05-05
  • js canvas實(shí)現(xiàn)橡皮擦效果

    js canvas實(shí)現(xiàn)橡皮擦效果

    這篇文章主要為大家詳細(xì)介紹了使用Canvas實(shí)現(xiàn)橡皮擦效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-12-12
  • js獲取元素的標(biāo)簽名實(shí)現(xiàn)方法

    js獲取元素的標(biāo)簽名實(shí)現(xiàn)方法

    下面小編就為大家?guī)?lái)一篇js獲取元素的標(biāo)簽名實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10
  • JavaScript內(nèi)存管理與閉包實(shí)例詳解

    JavaScript內(nèi)存管理與閉包實(shí)例詳解

    不管什么樣的編程語(yǔ)言,在代碼的執(zhí)行過(guò)程中都是需要給它分配內(nèi)存的,下面這篇文章主要給大家介紹了關(guān)于JavaScript內(nèi)存管理與閉包的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-06-06
  • JavaScript?ES6模塊導(dǎo)入和導(dǎo)出的方法

    JavaScript?ES6模塊導(dǎo)入和導(dǎo)出的方法

    ES6在語(yǔ)言標(biāo)準(zhǔn)的層面上實(shí)現(xiàn)了模塊功能,而且實(shí)現(xiàn)的相當(dāng)簡(jiǎn)單,完全可以取代CommonJS和AMD規(guī)范,成為瀏覽器和服務(wù)器通用的模塊解決方案,下面這篇文章主要給大家介紹了關(guān)于ES6模塊導(dǎo)入和導(dǎo)出的方法,需要的朋友可以參考下
    2022-07-07
  • javascript實(shí)現(xiàn)的右下角彈窗實(shí)例

    javascript實(shí)現(xiàn)的右下角彈窗實(shí)例

    這篇文章主要介紹了javascript實(shí)現(xiàn)的右下角彈窗,實(shí)例分析了javascript實(shí)現(xiàn)右下角彈窗的完整實(shí)現(xiàn)步驟與技巧,需要的朋友可以參考下
    2015-04-04
  • JS實(shí)現(xiàn)數(shù)組深拷貝的方法分析

    JS實(shí)現(xiàn)數(shù)組深拷貝的方法分析

    這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組深拷貝的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組深拷貝的相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
    2019-03-03

最新評(píng)論