全屏滾動插件精品文章

• 

  用 ES6 寫全屏滾動插件

  ...篇文章將介紹如何使用原生 JS （主要使用 ES6 語法）實現(xiàn)全屏滾動插件，兼容 IE 10+、手機觸屏，Mac 觸摸板優(yōu)化，支持自定義頁面動畫，壓縮后 gzip 文件只有 2.15KB。完整源碼在這 pure-full-page，點這查看 demo。 1）前面的話 現(xiàn)在已...

  liuchengxu 2019-08-26 11:52 評論0 收藏0
• 

  在全屏滾動頁面下實現(xiàn)鼠標(biāo)滾輪的子級交互

  需求分析 剛進(jìn)公司產(chǎn)品提出一個需求：在全屏頁面中滾動鼠標(biāo)滾輪更新文本，回滾再恢復(fù)原文本，同時不影響全屏頁面的正常切換： 初始狀態(tài) 向下滾動鼠標(biāo)后出現(xiàn)新文本 看似一個非常簡單的需求，但因為這是一個使用了fu...

  godiscoder 2019-08-19 17:18 評論0 收藏0
• 

  AlloyTouch全屏滾動插件發(fā)布--30秒搞定順滑H5頁

  ...oyTouch.FullPage特意對鼠標(biāo)滾輪事件進(jìn)行了兼容，所以PC上的全屏滾動頁面也可以使用它來快速制作。 使用姿勢 在設(shè)計全屏滾動插件的時候，希望開發(fā)者幾乎： 不用寫任何腳本快速生成精致H5 支持PC滾輪和移動觸摸 酷炫的轉(zhuǎn)場動...

  _ivan 2019-08-21 11:21 評論0 收藏0
• 

  67 個拯救前端開發(fā)者的工具、庫和資源

  ... web 中創(chuàng)建 3d 物體和 3d 空間的庫 Fullpage.js ?快速實現(xiàn)全屏滾動特性 Typed.js 打字機效果 Waypoints.js? ?滾動到某個元素位置時觸發(fā)一個功能 Highlight.js? ?web 語法高亮 Chart.js? ?使用 JavaScript 創(chuàng)建漂亮的圖表 Instantclick? ?...

  XiNGRZ 2019-08-22 16:00 評論0 收藏0
• 

  H5活動全屏滾動頁面在安卓智能電視TV調(diào)試

  前段時間公司做一個線上活動，在電視上商品促銷。產(chǎn)品的要求是每個商品介紹剛好滿一屏，按下遙控器向下鍵可以整屏切換。這種功能如果實在PC端，實現(xiàn)起來非常容易，引用jQuery插件就能實現(xiàn)。但是在安卓智能電視上就會...

  CompileYouth 2019-08-20 18:18 評論0 收藏0
• 

  H5活動全屏滾動頁面在安卓智能電視TV調(diào)試

  前段時間公司做一個線上活動，在電視上商品促銷。產(chǎn)品的要求是每個商品介紹剛好滿一屏，按下遙控器向下鍵可以整屏切換。這種功能如果實在PC端，實現(xiàn)起來非常容易，引用jQuery插件就能實現(xiàn)。但是在安卓智能電視上就會...

  JerryC 2019-08-29 13:01 評論0 收藏0
• 

  移動端布局與適配

  ...讓你了解最基礎(chǔ)的知識。 web app 一分鐘適配 iPhone X 默認(rèn)全屏 在 viewport 的 meta 屬性中，添加 viewport-fit=cover 即可。 viewport-fit 默認(rèn)值為 auto/contain，全屏值為cover，是不是感覺很熟悉？嗯，和 background-size 以及 object-fit… 淺談前端...

  Clect 2019-08-29 14:08 評論0 收藏0
• 

  Fullscreen API 全屏顯示網(wǎng)頁

  第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁，是 FaceBook 中的照片放大。作為一個比較新的 API，目前只有 Safari、Chrome 和 FireFox 三種瀏覽器支持該特性。因為尚未發(fā)布正式版的標(biāo)準(zhǔn)，所以必須使用瀏覽器特定的方法，也就是應(yīng)用...

  TNFE 2019-08-30 13:07 評論0 收藏0
• 

  Fullscreen API 全屏顯示網(wǎng)頁

  第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁，是 FaceBook 中的照片放大。作為一個比較新的 API，目前只有 Safari、Chrome 和 FireFox 三種瀏覽器支持該特性。因為尚未發(fā)布正式版的標(biāo)準(zhǔn)，所以必須使用瀏覽器特定的方法，也就是應(yīng)用...

  zsirfs 2019-08-19 18:35 評論0 收藏0
• 

  Fullscreen API 全屏顯示網(wǎng)頁

  第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁，是 FaceBook 中的照片放大。作為一個比較新的 API，目前只有 Safari、Chrome 和 FireFox 三種瀏覽器支持該特性。因為尚未發(fā)布正式版的標(biāo)準(zhǔn)，所以必須使用瀏覽器特定的方法，也就是應(yīng)用...

  wangxinarhat 2019-08-01 15:22 評論0 收藏0