小程式之點選跳轉到對應內容

2022-09-01 01:00:22 字數 642 閱讀 5191

我在寫頁面的時候,遇到乙個問題,點選不同的按鈕,跳轉到不同的區域,這個怎麼 實現呢?一開始我用了計算的方式,推理出公式,按照ilphone6的標準,功能實現了。

我本來以為沒有問題了,結果換了乙個手機,變成了iphone5,又不對了。因為在wxml中,設定的元素的具體尺寸不同裝置有不同的換算比例,那麼就不能用具體的公式定義,

後來,我研究了小程式元件scroll-view。發現如果用這個元件,剛才的所有都不是問題。

如何實現呢?

這是小程式文件中關於scroll-view的介紹。這裡面有乙個屬性:scroll-into-view

咋看之下,沒感覺什麼,但是細細分析,我們發現這個屬性可以定位到某個元素的id,那麼我們只要給我要找到的元素加上指定的id,用這個屬性定位過去,不是就可以做了嗎?

而且官方文件也提供了案例,我按照官網的案例,找到了問題的解決方案,下面我把這個案例呈現出來:

vertical scroll

click me to scroll into view

var order = ['red', 'yellow', 'blue', 'green', 'red']

page(,

tap: function(e) )

break}}

}})

iOS之小技巧,跳轉到系統設定介面

ios 10 以前的實現方法 蜂窩網路 prefs root mobile data settings id wi fi prefs root wifi 定位服務 prefs root location services 個人熱點 prefs root internet tethering 關於本機...

小程式點選事件

普通點選事件 bindtap 要放在前面,放在後面不好使 bindtap 會有冒泡事件 catchtap 不會有冒泡事件 1 2 view 3 button type warn size mini bindtap dian 點老子呀 button 4view 56 view 花木蘭 小程式傳值 da...

微信小程式 防止多次點選跳轉(函式節流)

在使用小程式的時候會出現這樣一種情況 當網路條件差或卡頓的情況下,使用者會認為點選無效而進行多次點選,最後出現多次跳轉頁面的情況,就像下圖 快速點選了兩次 然後從 輕鬆理解js函式節流和函式防抖 中找到了解決辦法,就是函式節流 throttle 函式在一段時間內多次觸發只會執行第一次,在這段時間結束...