本文章属于会员内容,需登录访问
基于AXUI的无JS的响应式落地页( landing page ),模拟滚动,可回弹边界
使用scroll、swipe、spy、header、footer、divider等模块;包含了垂直弹性布局和grid网格布局。

本文件为AXUI打造的简单落地页,使用AXUI的多个模块或组件,包含header、footer、swipe、scroll、spy、stats等,实验:通篇不用javascript来实现一个有特色的落地页。

本落地页有如下特点:
- body宽高使用了
overflow:hidden
,发生的滚动行为是Scroll
模块模拟的 - 不仅模拟了滚动,还模拟了滚动条,通过拖拽滚动条可滚动页面
- 设置了板块的回弹边界,当拖拽页面到板块边界时可自动吸附
- 使用
Spy
侦听动画,当板块进入视窗时发生渐显动画 - 自适应手机端、平板端等移动设备
- 没有写一句
JavaScript
语句,纯html+css
创建本页面

本资源将消费8
个金币,注册新用户即可下载使用。
