仿美團外賣選單分類，左右聯動功能，頂部為輪播圖，以及客服部分，主體部分為聯動功能，滾動時，客服部分也顯示在頁面內，主體部分在紅圈內。話不多說，直接上圖
輪播圖與客服部分，簡單，直接上**：
搜尋
客服
scroll-y="true", scroll-into-view 為子元素id，設定哪個方向可滾動，則在哪個方向滾動到該元素。id='type}'這句必須存在，用來實現左邊聯動右邊的效果
}
}
//獲取系統引數
wx.getsysteminfo()}})
//獲取每個元素高度 陣列
let heightarr =
let h = 0
let query = wx.createselectorquery()
query.selectall('.content').boundingclientrect()
query.exec(res => )
this.setdata()
})
onscroll: function(e)
if (scrolltop >= scorllarr[scorllarr.length - 1] - (this.data.conheight / 2)) else )
}} else if (scrolltop >= scorllarr[i - 1] && scrolltop < scorllarr[i]) )}}
}}},
choosetype: function(e) )
}
//右側繼續往下滑動後，不顯示頂部輪播圖
var systeminfo = wx.getsysteminfosync();
let scrollfunc = function(e) )
}
小程式練習，仿bilibili小程式
開發文件 圖示庫 iconfont 阿里巴巴向量圖示庫 這個是 簡直是神器，什麼圖示都能找到，我很喜歡。utils util.js pages common header.wxml item.wxml index index.js index.wxml index.wxss selectcolor ...
小程式scroll view實現左右聯動
wxml js data scroll function e 通過繫結事件scroll,每次單擊獲取對應元素的id,再將其繫結到intoindex上,此處是將intoindex接下來顯示的內容要跳轉到的位置,即id content 處,由於官方規定id不能以數字開頭,所以intoindex前面加上了...
小程式scroll view左右滑動聯動效果
效果圖 專案列表資料 stafflist 生命週期函式 監聽頁面載入 onload function options 左側標籤選擇操作錨點定位 proitemtap e 計算右側每乙個分類的高度，在資料請求成功後請求即可 selectheight console.log that.heightarr...