这种长图页面是怎么实现的??

lianqihu9150 2017-11-09 04:32:36
http://news.163.com/special/fdh5_zhangyy/?spssid=164477580ea423de0408ce7a1533ca12&spsw=2&spss=other&from=groupmessage&isappinstalled=0
网站用手机打开,或者用F12开手机模式。
打算做一个这样的网页,以前没用过canvs这些的。也没用过引擎,想知道这种怎么搞定。
...全文
805 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
一开天门 2019-02-18
  • 打赏
  • 举报
回复
现在很多h5的在线制作工具都能达到这样的视觉效果与交互效果,比如:木疙瘩、ih5、意派360都能稳定实现。
csdnwjj 2017-11-11
  • 打赏
  • 举报
回复
如果是动图,建议你用JQuery特效来做动态处理
天际的海浪 2017-11-10
  • 打赏
  • 举报
回复
引用 2 楼 lianqihu9150 的回复:
是否需要用到HTML5的画布?如果用画布该如何解决?
可以用画布做。也可以用div+css来做。 关键是你的动画函数是可以随机跳到每一帧的。
lianqihu9150 2017-11-10
  • 打赏
  • 举报
回复
是否需要用到HTML5的画布?如果用画布该如何解决?
天际的海浪 2017-11-09
  • 打赏
  • 举报
回复
就是根据页面滚动条scrollTop的位置来控制各个动画的播放进度。 比如 动画A,当scrollTop <300时播放进度处于0%,>=500时播放进度处于100%,300到500之间动画就处于0%-100%的相应播放进度。 动画B,当scrollTop <100时播放进度处于0%,>=1500时播放进度处于100%,1000到1500之间动画就处于0%-100%的相应播放进度。

39,082

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧