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'

```

希望大家多多交流...