singer頁左側滾動的時候右側跟隨高亮顯示

2021-09-07 19:33:58 字數 1405 閱讀 9378

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的時候

**如下:

1

2_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**:

1

2 :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認證,在美國非常流行,屬於爆款的那種。每個月成交量最大的時候達到...