h5写翻页效果，用什么框架

最新推荐文章于 2024-09-07 11:25:38 发布
最新推荐文章于 2024-09-07 11:25:38 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： h5 文章标签： h5

转载自：https://segmentfault.com/q/1010000003012215

8个回答

答案对人有帮助，有参考价值 1 答案没帮助，是错误的答案，答非所问

已采纳

swiper

答案对人有帮助，有参考价值 2 答案没帮助，是错误的答案，答非所问

https://github.com/kele527/iSlider
推荐这个， 性能很好，体验不错

答案对人有帮助，有参考价值 1 答案没帮助，是错误的答案，答非所问

一直用的是swiper.js这个, 感觉很不错。
官方地址：http://www.idangero.us/swiper
中文地址：http://www.swiper.com.cn

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

scroll也可以

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

前端我喜欢用framework7这个框架，挺好用的

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

swiper

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

bootstrap,zepto,swiper

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

以上提到的这些插件我都用过， 我自己觉得不理想，于是自己封装了个原型插件，你可以试试：
我自我感觉还蛮好用的：
移动端原生JS实现手指跟随的触控滑动


1092665276
关注
专栏目录
H5滑动实现翻页（vue）
qq_42894622的博客
05-04 6973
H5 滑动翻页 框架：Vue + element + JQ + vue-awesome-swiper 项目：H5绣红旗 转载：vue-awesome-swiper - 基于vue实现h5滑动翻页效果 已经打好vue-cli项目，安装vue-awesome-swiper npm i --s vue-awesome-swiper main.js import VueAwesomeSwiper...
H5 上下 翻页
11-27
H5 滑动 翻页
h5上下翻页动画
03-07
h5年报是一个上下翻页的动画，并伴有音乐，翻页后的动后是一帧一帧地加载。
H5 页面上下滑动切换：实现流畅的移动端页面翻页效果
最新发布
chen40704的博客
09-07 267
要让滑动切换更加流畅自然，开发者还需要注重细节的优化，比如动画过渡的时长、帧率的稳定性以及触控灵敏度等。H5 上下滑动切换，简单来说，就是在用户向上或向下滑动页面时，通过 JaScript 或 CSS 等技术实现页面内容的平滑过渡。通过将不同的内容区域排列在页面的不同位置，用户滑动时改变 translateY 属性，即可实现内容的上下滑动切换。为了避免卡顿，建议尽量减少页面中不必要的 DOM 操作和大型图片的使用，优化代码性能，确保滑动时的流畅度。实现流畅的移动端页面翻页效果：H5 页面上下滑动切换技巧。
H5满屏翻页效果
05-12
H5满屏翻页效果
移动端页面平滑翻页的解决方案
面向对象的夜猫子
10-31 1485
随着近几年移动营销页的火爆，催生了一个中国式的名词「H5」。而 H5 最常见的形态就是类似幻灯片翻页效果。 我们需要制作 H5 的时候，最快的办法就是使用一些滑动插件库，如 iDangero.us 出品的 Swiper，百度 BE-FE 出品的 iSlider。通过这些翻页库提供的强大的配置功能，我们就能实现很酷炫的翻页效果。当然，这些库还支持自动播放，点击切换和当前页面指示等配置，所以还能
h5商城模板_H5中炫酷的翻页动态是怎么制作的？
weixin_39605894的博客
11-30 248
一个H5的构成部分其实很简单，背景、文字、音乐、装饰元素等必备元素，再加上一些可以修改的功能组件，就形成了经常在朋友圈看到的宣传活动链接。大家点进去会发现每一页内容都是动态的，文字素材图片的组合，各个元素出现都有各自的动画效果，转场翻页的时候也是各式各样。看起来很高级，阅读也很赏心悦目。起主要作用的其实就是两个因素，动画效果和转场的翻页设置。每一个H5中必不可少的一定是动画效果。但是动画效果要如何...
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
12-08
这个组件的出现解决了在Vue应用中如何优雅地实现H5滑动翻页效果的问题。Vue Awesome Swiper的中文文档使得开发者能够更方便地理解和使用API，尤其对初学者来说是一大福音。 在开始使用Vue Awesome Swiper之前，你...
微信小程序开发纸质翻页效果源码-小程序翻页效果 uniapp实现
10-23
在微信小程序开发中，为了提供更生动、真实的用户体验，开发者经常需要实现各种视觉效果，其中纸质翻页效果就是一个常见的需求。本源码是基于微信小程序和uniapp框架实现的翻书特效，它允许用户在浏览内容时感受到...
HTML5 book 电子书翻页效果
06-12
这种翻页效果通常基于HTML5的Canvas或SVG元素，以及JavaScript库如jQuery或更专业的图书展示框架，如Turn.js、Book.js等。Canvas提供了一个画布，开发者可以在这个画布上绘制动态的翻页动画，而SVG则用于矢量图形，...
h5滑动上拉翻页，下拉刷新
09-26
在移动Web开发中，"H5滑动上拉翻页，下拉刷新"是一种常见的交互设计，用于提供更流畅的用户体验。H5指的是HTML5，一种先进的网页制作语言，而这个功能主要是通过JavaScript库和CSS3来实现的。在本案例中，提及的...
移动端H5上下滑屏翻页demo
03-27
移动端H5上下滑屏翻页demo，本人已做优化，直接在分页内添加内容，就可以看到每页翻页的内容，自适应屏幕大小，直接可上项目
前端实现翻书效果
12-29
根据网上demo修改，实现完全适应手机端的翻书特效，此为完整demo，下载替换图片即可使用
HTML5电子合同翻页效果代码.zip
05-27
HTML5电子合同翻页效果代码，点击左右箭头，翻页效果。电子合同，又称电子商务合同，根据联合国国际贸易法委员会《电子商务示范法》以及世界各国颁布的电子交易法，同时结合我国《合同法》的有关规定，电子合同可界定为：电子合同是双方或多方当事人之间通过电子信息网络以电子的形式达成的设立、变更、终止财产性民事权利义务关系的协议。通过上述定义可看出电子合同是以电子的方式订立的合同，其主要是指在网络条件下当事人为了实现一定的目的，通过数据电文、电子邮件等形式签订的明确双方权利义务关系的一种电子协议。
HTML5 实现翻页的效果
11-07
在网页中实现翻页的效果
好看的单页滚动H5模板
09-04
适合个人网站搭建的单页面H5模板，资源不错，很好看。
前端学习（284）：纯css实现翻书效果
歌谣的博客
01-01 947
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>纯css3实现翻书效果</title> <link href="reset.css" rel="stylesheet" type="text/css"&gt...
web及h5上下翻页功能
a_115098的博客
03-08 1970
实现上下翻页效果可以使用轮播图辅助实现，这里使用element-ui，其它插件使用方法类同。 html代码： //:autoplay="false"不自动播放 :loop="false"不循环 direction="vertical"轮播为数值方向 <el-carousel ref="goupdown" height="100%" direction="vertical" :autoplay="false" :loop="false"> <el-carousel-it
H5翻页动画原理实现
Byte_Dance的博客
12-09 2322
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; .divs1{
h5电子书翻页效果turn.js
01-15
h5电子书翻页效果turn.js是一种用于在网页中创建仿真翻页效果的开源JavaScript库。它可以帮助开发人员在网页中轻松地实现电子书的翻页效果，使用户感受到在真实书本中翻页的效果。 turn.js可以与HTML、CSS和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值