资源介绍
页面滚动阻尼效果实现
功能描述
要求
页面分为AB两个区域
当手机可视区的底部接触到 “阻尼带” 的时候,有个上拉弹性过程
当上拉到一定阈值程度就直接把B区顶部弹到手机可视区的顶部,让可视区从B区开始显示
当上拉程度未到阈值,就回弹复原
当手机可视区从B区向上滚动时候,B区顶部接触带“阻尼带”,有个下拉弹性过程
当下拉到一定阈值程度就直接把A区底部弹到手机可视区的底部,让可视区从A区底部向上开始显示
当下拉程度未到阈值,就回弹复原
提示
可用jQuery实现
----------- 2018.06.25 增加新需求 ---------------
PC富文本内容自适应显示
要求
有一段PC端显示的富文本HTML片段,在手机H5页面B区上加载显示
保持PC端的样式缩放适应手机屏幕
如果HTML富文本有图片
图片默认不加载
当手机可视区间到B区时候,图片触发懒加载显示
点击富文本图时候,有弹层