h5-damping-effect:H5页面滚动阻尼效果实现

时间:2021-05-10 15:07:22
【文件属性】:
文件名称:h5-damping-effect:H5页面滚动阻尼效果实现
文件大小:586KB
文件格式:ZIP
更新时间:2021-05-10 15:07:22
h5 JavaScript 页面滚动阻尼效果实现 功能描述 要求 页面分为AB两个区域 当手机可视区的底部接触到 “阻尼带” 的时候,有个上拉弹性过程 当上拉到一定阈值程度就直接把B区顶部弹到手机可视区的顶部,让可视区从B区开始显示 当上拉程度未到阈值,就回弹复原 当手机可视区从B区向上滚动时候,B区顶部接触带“阻尼带”,有个下拉弹性过程 当下拉到一定阈值程度就直接把A区底部弹到手机可视区的底部,让可视区从A区底部向上开始显示 当下拉程度未到阈值,就回弹复原 提示 可用jQuery实现 ----------- 2018.06.25 增加新需求 --------------- PC富文本内容自适应显示 要求 有一段PC端显示的富文本HTML片段,在手机H5页面B区上加载显示 保持PC端的样式缩放适应手机屏幕 如果HTML富文本有图片 图片默认不加载 当手机可视区间到B区时候,图片触发懒加载显示 点击富文本图时候,有弹层
【文件预览】:
h5-damping-effect-master
----package.json(2KB)
----mine.js(514B)
----webpack.production.config.js(4KB)
----src()
--------css()
--------images()
--------index.html(8KB)
--------js()
--------lib()
--------dev-http.js(6KB)
----.eslintrc.js(740B)
----dist-http.js(5KB)
----.gitignore(35B)
----webpack.config.js(3KB)
----README.md(2KB)

网友评论