小程式scroll view實現左右聯動

2021-10-06 04:49:39 字數 415 閱讀 8671

wxml:

}

}

js:

data: ,

},scroll: function(e) )

},

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

一開始想要通過修改content裡的資料進行除錯,後來發現並不需要.走了彎路,然後在跳轉一步中一開始將下標設定成了字母,所以導致跳轉不了

微信小程式 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 ...

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

效果圖 專案列表資料 stafflist 生命週期函式 監聽頁面載入 onload function options 左側標籤選擇操作錨點定位 proitemtap e 計算右側每乙個分類的高度,在資料請求成功後請求即可 selectheight console.log that.heightarr...