html
定義ref?changeEle 為用戶信息的移動(dòng)的元素
定義ref?startBox為參考的頂部距離的元素
css
```
transform-origin?0?0
```
js
mounted
移動(dòng)元素的頂部距離
```
this.start_dis?=?this.$refs.startBox.getBoundingClientRect().top
```
參考元素的頂部距離
```
this.change_dis?=?this.$refs.changeEle.getBoundingClientRect().top
```
滾動(dòng)操作
```
onScrollHandle(pos)
? ? y軸的滾動(dòng)距離(為負(fù)值并取反)
? ??const?pos_y?=?Math.abs(pos.y)
????pos.y?<?0?&&?pos_y?<=?this.start_dis
? ? 主要的,?。?.5~1)之間的值,最小縮放為0.5(一半)
? ??const?dis?=?0.5?+?0.5?*?((this.change_dis?-?pos_y)?/?this.change_dis)
? ??this.$refs.changeEle.style.transform?=?'scale('?+?dis?+?')'
????this.$refs.changeEle.style.top?=?this.change_dis?+?pos.y?+?'px'
```
希望大家多多交流...