uni-app獲取dom元素到頂部的距離以及操作dom元素的一些樣式

一、

1、首先有一個元素

<view class="activity" ref="btn"></view>

2、確認指針指向

this.$refs.btn.$el.getBoundingClientRect()

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect

例：

打印出：

可獲得 用於描述邊框的只讀屬性——left、top、right、bottom等，單位為像素。除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的。

操作樣式：

this.$refs.btn.$el.style.position = 'fixed'
this.$refs.btn.$el.style.top = 0;

二、

如果想要滾動到指定位置

1、首先有一個元素

<view class="sticke"></view>

uni.createSelectorQuery().select(".sticke").boundingClientRect((res)=>{
    uni.pageScrollTo({
        duration:0,
        scrollTop:800
    })
}).exec()

使用 uni.createSelectorQuery 方法查找元素，使用  uni.pageScrollTo 方法使其滾動到相應位置（scrollTop），

duration 在我使用過程中，設置除0以外其他數字均在第一次滾動后報錯，所以最好還是設置為0。