Javascript模擬scroll滾動(dòng)效果腳本
更新時(shí)間：2008年09月18日 17:01:50 作者：
項(xiàng)目需要寫(xiě)了一段模擬Scroll滾動(dòng)代碼，分享的同時(shí)，我有些疑問(wèn)，希望大家能幫忙解決，代碼如下
1、鍵盤(pán)事件應(yīng)加給window統(tǒng)一調(diào)配，根據(jù)category_hand激發(fā)狀態(tài)判別處理。
2、放進(jìn)function里，等頁(yè)面加載完了再執(zhí)行。
1、“鍵盤(pán)事件應(yīng)加給window統(tǒng)一調(diào)配，根據(jù)category_hand激發(fā)狀態(tài)判別處理”就是實(shí)現(xiàn)你這句話的策略：
“當(dāng)點(diǎn)中滾動(dòng)條后，觸發(fā)鍵盤(pán)的上下鍵，來(lái)控制上下滾動(dòng)”
category_hand被click時(shí)，將某個(gè)變量設(shè)為1,表示它被激活了。當(dāng)網(wǎng)頁(yè)內(nèi)再發(fā)生鼠標(biāo)按鍵事件時(shí)，解除激活。
某函數(shù)響應(yīng)window對(duì)象的鍵盤(pán)事件，如果鍵盤(pán)事件發(fā)生時(shí)category_hand處于激活狀態(tài)則執(zhí)行相關(guān)代碼。
2、獲取頁(yè)面元素對(duì)象，現(xiàn)在大家一般都用$()函數(shù)：
復(fù)制代碼 代碼如下:
function $(id) {
return document.getElementById(id);
}
您可能感興趣的文章:
相關(guān)文章
javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
JavaScript 數(shù)組去重并統(tǒng)計(jì)重復(fù)元素出現(xiàn)的次數(shù)實(shí)例
下面小編就為大家分享一篇JavaScript 數(shù)組去重并統(tǒng)計(jì)重復(fù)元素出現(xiàn)的次數(shù)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決
這篇文章主要介紹了JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
Javascript 鼠標(biāo)移動(dòng)上去 滑塊跟隨效果代碼分享
這篇文章主要介紹了Javascript 鼠標(biāo)移動(dòng)上去 滑塊跟隨效果代碼，有需要的朋友可以參考一下2013-11-11
Uni-app跨平臺(tái)開(kāi)發(fā)應(yīng)用入門實(shí)戰(zhàn)
這篇文章主要為大家介紹了Uni-app跨平臺(tái)開(kāi)發(fā)應(yīng)用入門實(shí)戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
自己寫(xiě)了個(gè)JS+CSS的小東西，用來(lái)看提升用戶體驗(yàn)的。 Name：WindowsTextShow；2008-12-12
CSDN上快速結(jié)貼的方法，JS實(shí)現(xiàn)
CSDN上快速結(jié)貼的方法，JS實(shí)現(xiàn)...2007-03-03
利用純js + transition動(dòng)畫(huà)實(shí)現(xiàn)移動(dòng)端web輪播圖詳解
這篇文章主要給大家介紹了利用純js + transition動(dòng)畫(huà)實(shí)現(xiàn)移動(dòng)端web輪播圖的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-09-09
這篇文章主要介紹了JS函數(shù)基本定義與用法,結(jié)合實(shí)例形式分析了JavaScript函數(shù)基本定義、參數(shù)、返回值等相關(guān)使用技巧,需要的朋友可以參考下2020-01-01
僅相隔一天就出了個(gè)v3。 修正了一個(gè)bug，firefox左側(cè)內(nèi)容寬度錯(cuò)誤。2009-02-02