微信小程序坑-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撐開頁面。





注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com