這篇文章給大家介紹利用JavaScript怎么實(shí)現(xiàn)一個(gè)瀏覽器網(wǎng)頁(yè)自動(dòng)滾動(dòng)功能,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
創(chuàng)新互聯(lián)公司公司2013年成立,先為剛察等服務(wù)建站,剛察等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為剛察企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。1. 打開(kāi)瀏覽器控制臺(tái)窗口
JavaScript通常是作為開(kāi)發(fā)Web頁(yè)面的腳本語(yǔ)言,本文介紹的JavaScript代碼均運(yùn)行在指定網(wǎng)站的控制臺(tái)窗口。一般瀏覽器的開(kāi)發(fā)者窗口都可以通過(guò)在當(dāng)前網(wǎng)頁(yè)界面按F12快捷鍵調(diào)出,然后在上面的標(biāo)簽欄找到Console點(diǎn)擊就是控制臺(tái)窗口,在這里可以直接執(zhí)行JavaScript代碼,而chrome系瀏覽器的控制臺(tái)界面可以使用快捷鍵Ctrl+Shift+J直接打開(kāi)
2. 實(shí)時(shí)查看鼠標(biāo)坐標(biāo)
首先為了獲取當(dāng)前的鼠標(biāo)位置的x、y坐標(biāo),需要先重寫(xiě)一個(gè)onmousemove函數(shù)來(lái)幫助我們實(shí)時(shí)查看光標(biāo)處的x、y值,方便下一步編寫(xiě)代碼時(shí)確定初始的y坐標(biāo)和每次y方向滾動(dòng)的距離
// 在控制臺(tái)輸入以下內(nèi)容并回車(chē),即可查看當(dāng)前鼠標(biāo)位置 // 具體查看方式:鼠標(biāo)在網(wǎng)頁(yè)上滑動(dòng)時(shí)無(wú)效果,當(dāng)鼠標(biāo)懸停時(shí)即可在光標(biāo)旁邊看到此處的坐標(biāo) document.onmousemove = function(e){ var x = e.pageX; var y = e.pageY; e.target.title = "X is "+x+" and Y is "+y; };