淺談window對象的scrollBy()方法
scrollBy()方法的定義和用法:
此方法可以把內(nèi)容移動指定尺寸。單位是像素(px)。
點(diǎn)擊可參閱更多window對象的屬性和方法。
語法結(jié)構(gòu):
scrollBy(x,y)
參數(shù)列表:
參數(shù) 列表
x 必需。內(nèi)容向右移動的尺寸。
y 必需。內(nèi)容向下移動的尺寸。
瀏覽器支持:
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>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
全面理解面向?qū)ο蟮?JavaScript(來自ibm)
要掌握好 JavaScript,首先一點(diǎn)是必須摒棄一些其他高級語言如 Java、C# 等類式面向?qū)ο笏季S的干擾,全面地從函數(shù)式語言的角度理解 JavaScript 原型式面向?qū)ο蟮奶攸c(diǎn)2013-11-11JS簡單實(shí)現(xiàn)String轉(zhuǎn)Date的方法
這篇文章主要介紹了JS簡單實(shí)現(xiàn)String轉(zhuǎn)Date的方法,涉及JavaScript字符串與日期相互轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下2016-03-03Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對路徑方法
這篇文章主要介紹了Javascript中使用A標(biāo)簽獲取當(dāng)前目錄的絕對路徑方法,本文講解的方法比較特別,需要的朋友可以參考下2015-03-03JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)亂撞彩色圓球特效的方法,可實(shí)現(xiàn)彩色小球的碰撞效果,涉及隨機(jī)函數(shù)與頁面樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05js獲取元素的標(biāo)簽名實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s獲取元素的標(biāo)簽名實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10JavaScript內(nèi)存管理與閉包實(shí)例詳解
不管什么樣的編程語言,在代碼的執(zhí)行過程中都是需要給它分配內(nèi)存的,下面這篇文章主要給大家介紹了關(guān)于JavaScript內(nèi)存管理與閉包的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06JavaScript?ES6模塊導(dǎo)入和導(dǎo)出的方法
ES6在語言標(biāo)準(zhǔn)的層面上實(shí)現(xiàn)了模塊功能,而且實(shí)現(xiàn)的相當(dāng)簡單,完全可以取代CommonJS和AMD規(guī)范,成為瀏覽器和服務(wù)器通用的模塊解決方案,下面這篇文章主要給大家介紹了關(guān)于ES6模塊導(dǎo)入和導(dǎo)出的方法,需要的朋友可以參考下2022-07-07javascript實(shí)現(xiàn)的右下角彈窗實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的右下角彈窗,實(shí)例分析了javascript實(shí)現(xiàn)右下角彈窗的完整實(shí)現(xiàn)步驟與技巧,需要的朋友可以參考下2015-04-04JS實(shí)現(xiàn)數(shù)組深拷貝的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組深拷貝的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組深拷貝的相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2019-03-03