小程序onReachBottom不触发解决办法（附代码）

小程序示例代码

<view class="container"><view class="cate-nav"><scroll-view scroll-x="true" class="cate-nav-body" style="width: 750rpx;" scroll-left="{{scrollLeft}}"><view wx:for="{{navList}}" class="item {{ id == item.id ? 'active' : ''}}" wx:key="id" data-id="{{item.id}}" data-index="{{index}}" bindtap="switchCate"><view class="name">{{item.name}}</view></view></scroll-view></view><scroll-view scroll-y="true"  class="list-scroll-content" ><view class="cate-item"><view class="h"><text class="name">{{currentCategory.name}}</text><text class="desc">{{currentCategory.desc}}</text></view><view class="b"><navigator class="item {{(iindex + 1) % 2 == 0 ? 'item-b' : ''}}" url="/pages/goods/index?id={{iitem.id}}" wx:for="{{goodsList}}" wx:key="id" wx:for-item="iitem" wx:for-index="iindex"><image class="img" src="{{iitem.picUrl}}" background-size="cover"></image><text class="name">{{iitem.name}}</text><text class="price">￥{{iitem.retailPrice}}</text></navigator></view></view></scroll-view>
</view>

原css

.container {background: #f9f9f9;height: 100%;width: 100%;
}

后改成

.container {background: #f9f9f9;min-height:101vh;/* height: 100%; */width: 100%;
}.list-scroll-content {height: 100%;width: 100%;}

将 height: 100%; 改成 min-height:101vh; 并把scroll-view的宽度和高度设置为100%即可

小程序onReachBottom不触发解决办法（附代码）相关推荐

微信小程序编译的错误解决办法:Error: accessSync:fail no such file or directory
文章目录前言一.编译报错二.解决办法 1.点击(右上角)详情→本地设置→(版本号) 2.选择版本号,修改相应版本号,再点击推送总结前言 ~~本人在微信小程序中编写代码,使用到ESP8266- ...
微信小程序上线缓存及解决办法
小程序在更新迭代版本之后,我们要是之前已经在手机打开过的话,再重新打开经常会有一个问题,就是我们新迭代的功能不能立即使用,在你手机上显示的版本还是之前的版本,此时我们或许会有疑问,我的新版本明明已经上 ...
微信小程序涉及播放视频解决办法（证书or腾讯视频插件）
随着小程序越来越活,很多商家都开始开发自己的小程序啦,最近新的版本需求是在页面添加视频播放,视频是上传到自己的服务器的但是一提交审核之后.无数的问题接踵而至证书还是在申请中的但是怎么办看看其他的 ...
微信小程序使用webview 缓存解决办法
场景: 1.内嵌使用的是 vue + webpack 打包的单页面 2.更新内容后,webview里面的内容无法更新, 解决办法 1.在url后面加时间戳, 这个在苹果可以实时解决缓存,安卓有些机子不 ...
微信小程序源码删除解决办法解包
本实战教程将一步步告诉你如何"反编译"获得其它小程序的源代码,包括"解包"和"源码还原"两篇,主要参考了看雪论坛.V2EX.GitHub 等 ...
微信小程序时间传值错误解决办法
今天小程序传值时间时就一直不对劲,明明后端读出的时间是没错的,但是去到前端页面时就莫名其妙的加多个4 找了半天,找来找去,最后发现居然是时间工具类的问题,应该是HH:mm:ss,居然写成了HF :mm ...
微信小程序授权登录全过程解析（附代码）
今天小编对于微信小程序的登录功能比较感兴趣,也是由于工作需要,就大概研究了一下. 这里先附一张小程序的登陆整体流程图. 整体流程: 微信端点击登录按钮后会去调用 wx.login接口,如果接口调用成功 ...
php 类似微信下拉菜单,微信小程序实现下拉框（附代码）
微信小程序里没有和HTML里的下拉框一样的组件,想要相同的效果只能自己写一个,先看效果下面来看一下代码: 首先WXML {{selectData[index]}} {{item}} 然后WXSS(如 ...
情侣积分微信小程序零基础开发教程（附代码及开发指南）
To Our Loves 本文最新版本 0 情侣积分互动小程序在idofSunChonggao 的基础上进行开发, 感谢! 且感谢初版(UxxHans)! ⭐ 如果本仓库对您有所帮助,您的fork或 ...

小程序onReachBottom不触发解决办法（附代码）

小程序onReachBottom不触发解决办法（附代码）相关推荐

最新文章

热门文章