1. 程式人生 > >微信小程式坑-scroll-view滑動列表(就一行,沒有填滿螢幕就會觸發上拉載入事件)

微信小程式坑-scroll-view滑動列表(就一行,沒有填滿螢幕就會觸發上拉載入事件)

比方說如下圖片中有一個滑動列表。我的這個頁面只有一行資料,按理說我們滑動時候是不應該觸發上拉載入的,因為滑動的 scroll-view元素高度是設定的100%。結果我這裡就觸發了上拉載入事件。圖中兩個箭頭,箭頭1的地方是 scroll-view的一個子元素的margin-top 如下圖程式碼。

原因:就是

< view wx:for= "{{arr}}" class= 'item'>元素設定margin-top的時候微信瀏覽器解析出現了問題。所以只要這個元素設定了margin屬性就算是一行資料也能觸發上拉載入事件。我們想要的是
滑塊最後一個滑動到底部才觸發上啦載入事件。 解決方法:(我們設定margin-top值是為了在兩行資料之間加灰色的一個分割線)不設定margin-top。

我們可以設定一個新的元素充當這個分割線(

< view class= 'block'></ view > ),也可以用 scroll-view直接子元素以外的元素設定margin-top撐開頁面。