Javascript模擬scroll滾動(dòng)效果腳本
更新時(shí)間：2008年09月18日 17:01:50 作者：
項(xiàng)目需要寫了一段模擬Scroll滾動(dòng)代碼，分享的同時(shí)，我有些疑問，希望大家能幫忙解決，代碼如下
1、鍵盤事件應(yīng)加給window統(tǒng)一調(diào)配，根據(jù)category_hand激發(fā)狀態(tài)判別處理。
2、放進(jìn)function里，等頁面加載完了再執(zhí)行。
1、“鍵盤事件應(yīng)加給window統(tǒng)一調(diào)配，根據(jù)category_hand激發(fā)狀態(tài)判別處理”就是實(shí)現(xiàn)你這句話的策略：
“當(dāng)點(diǎn)中滾動(dòng)條后，觸發(fā)鍵盤的上下鍵，來控制上下滾動(dòng)”
category_hand被click時(shí)，將某個(gè)變量設(shè)為1,表示它被激活了。當(dāng)網(wǎng)頁內(nèi)再發(fā)生鼠標(biāo)按鍵事件時(shí)，解除激活。
某函數(shù)響應(yīng)window對(duì)象的鍵盤事件，如果鍵盤事件發(fā)生時(shí)category_hand處于激活狀態(tài)則執(zhí)行相關(guān)代碼。
2、獲取頁面元素對(duì)象，現(xiàn)在大家一般都用$()函數(shù)：
復(fù)制代碼 代碼如下:
function $(id) {
return document.getElementById(id);
}
您可能感興趣的文章:
相關(guān)文章
微信小程序?qū)崿F(xiàn)事件傳參與數(shù)據(jù)同步流程詳解
這篇文章主要介紹了微信小程序開發(fā)中實(shí)現(xiàn)事件傳參與數(shù)據(jù)同步的詳細(xì)流程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-10-10
javascript動(dòng)態(tài)生成樹形菜單的方法
這篇文章主要介紹了javascript動(dòng)態(tài)生成樹形菜單的方法,涉及JavaScript針對(duì)頁面元素與屬性的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了深入淺析Extjs中store分組功能的使用方法的相關(guān)資料,需要的朋友可以參考下2016-04-04
實(shí)例詳解JSON數(shù)據(jù)格式及json格式數(shù)據(jù)域字符串相互轉(zhuǎn)換
JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。JSON采用完全獨(dú)立于語言的文本格式，這些特性使JSON成為理想的數(shù)據(jù)交換語言2016-01-01
JavaScript中this關(guān)鍵字用法實(shí)例分析
這篇文章主要介紹了JavaScript中this關(guān)鍵字用法,結(jié)合實(shí)例形式總結(jié)分析了javascript中this關(guān)鍵字在不同條件下的指向問題與相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JavaScript DOM常用操作代碼匯總,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
這篇文章主要介紹了php，js，css字符串截取的辦法，其實(shí)沒有什么技術(shù)含量，就是記錄一下，方便自己復(fù)習(xí)鞏固，希望對(duì)大家能有所幫助2014-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)時(shí)間軸，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實(shí)現(xiàn)
本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11
輪播圖是我們?nèi)粘ｉ_發(fā)中經(jīng)常會(huì)遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序滾動(dòng)、輪播圖和文本的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08