全屏滚动插件

全屏滚动插件精品文章

• 

  用 ES6 写全屏滚动插件

  ...篇文章将介绍如何使用原生 JS （主要使用 ES6 语法）实现全屏滚动插件，兼容 IE 10+、手机触屏，Mac 触摸板优化，支持自定义页面动画，压缩后 gzip 文件只有 2.15KB。完整源码在这 pure-full-page，点这查看 demo。 1）前面的话 现在已...

  liuchengxu 2019-08-26 11:52 评论0 收藏0
• 

  在全屏滚动页面下实现鼠标滚轮的子级交互

  需求分析 刚进公司产品提出一个需求：在全屏页面中滚动鼠标滚轮更新文本，回滚再恢复原文本，同时不影响全屏页面的正常切换： 初始状态 向下滚动鼠标后出现新文本 看似一个非常简单的需求，但因为这是一个使用了fu...

  godiscoder 2019-08-19 17:18 评论0 收藏0
• 

  AlloyTouch全屏滚动插件发布--30秒搞定顺滑H5页

  ...oyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以PC上的全屏滚动页面也可以使用它来快速制作。 使用姿势 在设计全屏滚动插件的时候，希望开发者几乎： 不用写任何脚本快速生成精致H5 支持PC滚轮和移动触摸 酷炫的转场动...

  _ivan 2019-08-21 11:21 评论0 收藏0
• 

  67 个拯救前端开发者的工具、库和资源

  ... web 中创建 3d 物体和 3d 空间的库 Fullpage.js  快速实现全屏滚动特性 Typed.js 打字机效果 Waypoints.js   滚动到某个元素位置时触发一个功能 Highlight.js   web 语法高亮 Chart.js   使用 JavaScript 创建漂亮的图表 Instantclick   ...

  XiNGRZ 2019-08-22 16:00 评论0 收藏0
• 

  H5活动全屏滚动页面在安卓智能电视TV调试

  前段时间公司做一个线上活动，在电视上商品促销。产品的要求是每个商品介绍刚好满一屏，按下遥控器向下键可以整屏切换。这种功能如果实在PC端，实现起来非常容易，引用jQuery插件就能实现。但是在安卓智能电视上就会...

  CompileYouth 2019-08-20 18:18 评论0 收藏0
• 

  H5活动全屏滚动页面在安卓智能电视TV调试

  前段时间公司做一个线上活动，在电视上商品促销。产品的要求是每个商品介绍刚好满一屏，按下遥控器向下键可以整屏切换。这种功能如果实在PC端，实现起来非常容易，引用jQuery插件就能实现。但是在安卓智能电视上就会...

  JerryC 2019-08-29 13:01 评论0 收藏0
• 

  移动端布局与适配

  ...让你了解最基础的知识。 web app 一分钟适配 iPhone X 默认全屏 在 viewport 的 meta 属性中，添加 viewport-fit=cover 即可。 viewport-fit 默认值为 auto/contain，全屏值为cover，是不是感觉很熟悉？嗯，和 background-size 以及 object-fit… 浅谈前端...

  Clect 2019-08-29 14:08 评论0 收藏0
• 

  Fullscreen API 全屏显示网页

  第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用...

  TNFE 2019-08-30 13:07 评论0 收藏0
• 

  Fullscreen API 全屏显示网页

  第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用...

  zsirfs 2019-08-19 18:35 评论0 收藏0
• 

  Fullscreen API 全屏显示网页

  第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用...

  wangxinarhat 2019-08-01 15:22 评论0 收藏0