- 軟件介紹
- 軟件截圖
- 下載地址
- 相關評論(0)
頁面整屏滑動切換(jQuery+HTML5)是專為該需求用戶打造的源碼,適用瀏覽器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。 不支持IE8及以下瀏覽器。歡迎下載。
頁面整屏滑動切換源碼簡介:
頁面整屏滑動切換(jQuery+HTML5),可以點擊右邊的的標志按鈕,切換不同的屏幕,也可以通過滾輪或垂直滾動條來切換。
頁面整屏滑動切換使用方法:
從監聽開始,用一個變量記錄觸摸的起點位置,然后move的時候用move的觸發的clientY的值減去起點位置,讓頁面滑動那個差值的距離,這個距離可能為負為正,然后end的時候判斷需要往哪邊修正位置。
end的時候我做的處理是先判斷滑動的方向,(這個怎么判斷呢?在move的時候用一個變量記錄move的位置,然后用最后一個減去start的時候記錄的位置,差值正負就是方向了)我預先計算了每一個div離頁面最頂部的位置,然后倒序找第一個為負的元素,如果同時是向上滑動且下一個元素冒出頭來的距離大于六分之一屏幕,就把下面的拉上來,如果同時是向下滑動且上一個元素冒出尾部的距離大于六分之一就把上面的拉下來。
其中碰到的坑是move的時間通過return false無法阻擋默認事件,只能e.preventDefault(),但是電腦上模擬移動頁面可以使用return false
- 下載地址
軟件排行榜
熱門標簽
裝機必備軟件
-
網易云音樂音頻播放
影音先鋒視頻播放
360安全衛士安全防護
愛奇藝視頻播放
360殺毒殺毒軟件
迅雷下載工具
驅動精靈驅動工具
酷我音樂音頻播放
WPS辦公軟件
暴風影音視頻播放
吉吉影音視頻播放
微信電腦版聊天工具
搜狗輸入法文字輸入
美圖秀秀圖像處理
360瀏覽器上網瀏覽
- 視頻
- 芒果tv騰訊視頻優酷視頻愛奇藝
- 解壓
- rar解壓軟件7zip解壓軟件視頻壓縮軟件winrar
- 剪輯
- 剪映會聲會影premiereaudition
- p圖
- 光影魔術手coreldraw美圖秀秀photoshop
- 辦公
- 騰訊會議釘釘officewps
- 殺毒
- 諾頓小紅傘金山毒霸360殺毒
- 直播
- 抖音快手斗魚直播虎牙直播
- 翻譯
- 谷歌翻譯插件百度翻譯有道詞典金山詞霸
- cad
- cad插件浩辰cad中望cad天正建筑
- 編程
- EditPlusnotepadsublimevisual studio
- 安全
- 火絨卡巴斯基騰訊電腦管家360安全衛士
- 下載
- utorrentidm下載器比特彗星迅雷電腦版
- 網盤
- 阿里云盤和彩云網盤騰訊微云百度網盤
- 聊天
- 微信電腦版yy語音阿里旺旺qq
- 財務
- 用友軟件開票軟件管家婆軟件金蝶軟件
- 瀏覽器
- 火狐瀏覽器谷歌瀏覽器qq瀏覽器360瀏覽器
- 驅動
- 驅動人生網卡驅動驅動精靈顯卡驅動
- 檢測
- cpuzaida64安兔兔魯大師
- 音樂
- 網易云音樂酷我音樂酷狗音樂qq音樂
- 播放器
- potplayerkmplayer影音先鋒暴風影音