码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-12 14:21:01      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:缩放图片   form   style   div   bsp   transform   efs   增加   color   

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;

 

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

标签:缩放图片   form   style   div   bsp   transform   efs   增加   color   

原文地址:https://www.cnblogs.com/yangguoe/p/9462610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!