1.封裝scroll.vue的listenscroll屬性和方法,用來確定監聽listview.vue的滾動事件
2.將listview.vue的listenscroll屬性預設設定為true;
3.寫scroll(pos)方法,實時監聽左側scroll位置,並根據滾動位置計算滾動到了索引為哪乙個值;
4.寫calculateheight方法,計算每個group得高度,並新增到陣列listheight中
5.watch用延時函式監聽singerlist的資料變化,並重新計算每個group的高度。
6.通過better-scroll監聽得到左邊的scrolly的變化,然後迴圈遍歷listheight陣列,看落在哪乙個區間,得到currentindex=i;
7.給li新增current類,通過物件,當currentidnex=index的時候
**如下:
12_initscroll()
6this.scroll = new bscroll(this
7 probetype: this
.probetype,
8 click: this
.click9})
10if(this.listenscroll))15}
16},
1718
19//
listview.vue
20 listenleftscoll(pos),
23 _calculateheight()
34},
3536
watch:, 20)
41},
42scrolllefty(newy)
49for(let i=0 ; i//
迴圈看落在哪乙個區間
50 let height1 =listheight[i]
51 let height2 = listheight[i+1]
52if(!height2 || (-newy >= height1 && -newy 5859}60
this.currentindex = listheight.length -2
6162
},63 }
html**:
12 :listenscroll="listenscroll"
3 @scroll="listenleftscoll"
4 :probe-type="probetype"
5 :singerlist="singerlist"
6 ref="listview">
IOS在滾動的時候fixed消失
眾所周知,ios在滾動的時候是不能執行js的,這雖然是它內部的實現導致的,也為了解決這一問題,它特地推出的position sticky屬性,來相容一些對動態設定fixed的場景,不過,當筆者的測試機公升級到了ios11的時候,一切又不一樣了 在ios11上開啟滾動以上的頁面 如果看不到效果可以訪問...
List滾動的時候會發現List的背景為黑色
listview 在android中可以說隨處可見,在自定義背景上使用listview,當list滾動的時候會發現list的背景為黑色 使用黑色主題的情況下 這是為什麼呢?原來listview在滾動的時候為了提公升效能做了優化.為了提高滾動的效能,android框架在listview中引入了乙個 c...
滾動的時候凍結 Paypal賬戶被凍結的原因
paypal賬戶被凍結的原因 他說從2009年開始,就自己做soho跨境電商。也就是個人用各種跨境平台,阿里巴巴速賣通,ebay,亞馬遜等等各種 個人上傳產產品,用快遞空運的方式交易,然後發貨到國外。主要做健身器材和 理療用品,有fda認證,在美國非常流行,屬於爆款的那種。每個月成交量最大的時候達到...