歌手详情页：下拉方大歌手图片

1.缩放图片；

1   // 背景图片的缩放
2           let scale = 1
3           const percent = Math.abs(newY/this.imageHeight)//这么计算，图片的高度相当于增加了newY;
4           if(newY > 0){//向下拉的时候
5             scale = 1 + percent
6           }
7           this.$refs.bgImage.style['transform'] = `scale(${scale})`
8           this.$refs.bgImage.style['webkittransform']  = `scale(${scale})`
9         }

注意：将北京图片的transfomr-origin:top;

转载于:https://www.cnblogs.com/yangguoe/p/9462610.html

歌手详情页：下拉方大歌手图片相关推荐

Android 仿淘宝商品详情页下拉足迹Demo
DropDownMultiPager 仿淘宝等商品详情页下拉足迹效果SimpleDemo 可colne之后看MainActivity的调用,方便二次开发依赖 compile 'com.nineold ...
【商城开发三】Android 仿淘宝商品详情页下拉足迹修改版
开发商城的快有半个月了,需要做到详情页下拉足迹的效果,网上找了找没找到,找到一个差不多还有点问题,然后在基础上进行了二次开发感谢http://blog.csdn.net/yaphetzhao/art ...
android 美团商家详情页,Android仿美团团购详情页下拉图片放大效果,简单可直接用在项目中...
一:介绍大家在项目中,可能需要像美团团购详情页面下拉的时候美食图片放大的效果,在这里就给大家介绍如何实现这种效果,只有很少的代码,而且控件全部是安卓源生控件. 二:运行效果图三.然后来看看如何实现 ...
第6章歌手详情页开发
包括子路由的配置及转场动画实现.Vuex 的介绍.Vuex 初始化歌手数据的配置.歌手详情页数据抓取和处理.Song 类的封装.music-list 组件开发. 6-1 歌手详情页布局和设计详解 6- ...
vue音乐项目歌手详情页小结
技术栈 1,vue 2,vuex 3,vue-router(子路由) 需求分析 1)歌手列表点击歌手会跳转到下级页面歌手详情页,歌手详情页由四个部分组成歌手图片返回按钮:点击返回歌手tab页随机 ...
微信小程序之网易云音乐（四）- 排行、歌手及歌手详情页模块开发
微信小程序之网易云音乐(四)- 排行.歌手及歌手详情页模块开发一. 排行模块开发二. 歌手模块开发三. 歌手详情页开发微信小程序之网易云音乐导航一. 排行模块开发 rank.vue文件: & ...
Swift基础之实现下拉变大和OC下拉变大上拉缩小Demo
Swift语言实现下拉变大效果:(上拉缩小效果随后研究......) 关键代码:方法一: self.automaticallyAdjustsScrollViewInsets = false; ...
商品详情页上拉查看详情开源库
商品详情页上拉查看详情目录介绍 01.该库介绍 02.效果展示 03.如何使用 04.注意要点 05.优化问题 06.部分代码逻辑 07.参考案例 01.该库介绍模仿淘宝.京东.考拉等商品详情页分 ...
Vant Tab标签页+下拉刷新+上拉加载
Vant Tab标签页+下拉刷新+上拉加载 <template><div class="invoicePickupBox"><div class=&q ...

歌手详情页：下拉方大歌手图片

歌手详情页：下拉方大歌手图片相关推荐

最新文章

热门文章