dropDownbig
功能描述
概述
模仿微博、抖音个人中心顶部下拉图片放大缩小效果。
依赖的模块
./libs/dropDownbig.js
快速使用
本模块没有任何第三方,使用纯原生方法编写,代码也没有过度封装,很简单,刚入门学习的同学也看得懂。适合在此基础上根据自己的实际场景进行二次开发。
页面dom元素
通过以下css属性可以解决页面的抖动
通过监听移动端的touchstart
、touchmove
、事件,动态修改头部图片的大小,已达到图片放大缩小的效果。
本模块在开发过程中遇到问题以及解决办法如下:
页面上滑时导致头部抖动
如何做到只下拉头部元素时图片放大,页面其他内容下拉时不变
只给头部元素添加`touch事件
其他可参见demo文件示例,基本发现的问题都已经解决了