在html的head標簽加入以下內容即可 ...

第一步：手機要和電腦同時連接同一個wifi,或者局域網 　　　　1、筆記本的話可以開一個移動熱點，手機連接筆記本的移動熱點；或者手機開一個移動熱點，筆記本電腦連接手機的移動熱點 　　　　　2、台式電腦的話和手機同時連接一個路由器，使用同一個wifi 第二步：查看電腦連接的IPV4地址 ...

·video層級問題 　　問題現象：點擊登錄彈窗可以正常顯示，在點擊播放視頻后，video層級變成了最高級，再次點擊登錄彈窗被video遮擋了，無論怎么給登錄彈窗z-index都無法正常顯示彈窗。 　　解決方案：Android微信內置瀏覽器是X5內核，X5內核中默認了video的層級是最高級別 ...

封裝了一個小插件模擬fullPage的全屏滾動效果，比較簡單。 特點： 　　1. 純js實現，小巧輕便。 　　2. 兼容性好。蘋果、安卓都沒問題，暫時沒遇到問題機型。 缺點： 　　1. 僅封裝了基礎功能，HTML、css么有去封裝。個人覺得不封裝更方便大家使用。 接下來看看 ...

...

網上看了很多解決辦法，幾乎本質都是一樣的，都是引入一個滑動的js插件，加入一段js代碼，即可生效，但是我試了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在網上就找到 toucher.js 可以實現，貼到博客，留作備用： 獲取的id為整個大圖 ...

源代碼 效果圖 PC端 手機端 ...

bootstrap.offcanvas.js是一款流行的滑動導航菜單插件，只要定義好html，即可生成菜單欄按鈕和隱藏的右側菜單彈出層。 隱藏的彈出層菜單結構 引入bootstrap.offcanvas.js側邊欄隱藏菜單插件 ...