基于AXUI的无JS的响应式落地页( landing page ),模拟滚动,可回弹边界

使用scroll、swipe、spy、header、footer、divider等模块;包含了垂直弹性布局和grid网格布局。
AXUI开发的简易响应式落地页,抛砖引玉

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

AXUI开发的简易响应式落地页,抛砖引玉

本落地页有如下特点:

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

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

AXUI开发的简易响应式落地页,抛砖引玉
本文章属于会员内容,需登录访问
本资源如果消费金币数量大于0则表明采用商业开源许可协议(Commercial Open Source License),用户购买(在本平台意指“消费金币”)之后仅限个人和所在公司内部商用,未经许可不可再次分发或转售;允许用户自行修改文件以满足特定开发需求,但必须保留版权信息且不可再次分发或转售;本资源的所有知识产权归AXUI所有,用户对资源的修改版本不享有独立的知识产权。