小程式scroll view左右滑動聯動效果

效果圖

,//專案列表資料

stafflist:

,},/**

* 生命週期函式--監聽頁面載入

*/onload:

function

(options)

,// 左側標籤選擇操作錨點定位

proitemtap

(e))},

//計算右側每乙個分類的高度，在資料請求成功後請求即可

selectheight()

) console.

log(that.heightarr);}

)},//監聽scroll-view的滾動事件

scroll

(event)

let scrolltop = event.detail.scrolltop;

let current =

this

.data.currentleft;

if(scrolltop >=

this

.distance))}

}else)}

}//更新到頂部的距離

this

.distance = scrolltop;}}

)

.cont-pro

.pro_left
.pro_title
.select
.pro_right
.item_title
.item_name
.pro_item
.pro_img
.pro_text

小程式scroll view實現左右聯動

wxml js data scroll function e 通過繫結事件scroll,每次單擊獲取對應元素的id,再將其繫結到intoindex上,此處是將intoindex接下來顯示的內容要跳轉到的位置,即id content 處,由於官方規定id不能以數字開頭,所以intoindex前面加上了...

微信小程式 scroll view元件

scroll view為滾動檢視，分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll view不會生效。滾動檢視常用的地方一般都是item項比較多的介面，比如我的模組 主要屬性 使用演示 wxml scroll y true style height 200px sty...

微信小程式 scroll view下拉重新整理

需求描述 1.首先我的scroll view部分是巢狀在template內 2.應用template的頁面頂部還有乙個日期選擇picker且位置固定 3.下拉重新整理當前頁面 重新整理請求 utils news.getnews function result settimeout function ...