一、为什么失效？

当给最外层view（container）设置overflow样式后，onReachBottom钩子不触发，去除overflow后，可触发，但存在某些样式问题。

.container{height: 100vh;background-color: #F5F6FA;overflow: scroll;}

或者底部没有预留足够的高度可供滑动，此时只要放一个空的view ,设置高度在300rpx即可

二、解决方案

去除overflow，直接修改page样式

page{height: 100vh;background-color: #F5F6FA;}

如果是app跨端开发，page在style标签加了scoped时，样式会失效，此时再多写一个style标签即可

<style>page{height: 100vh;background-color: #F5F6FA;}
</style>

uniapp 解决onReachBottom失效相关推荐

Linux CentOS7 中完美解决VMTools失效，windows 与 Liunx间完美复制文件，无报错的解决方案
Linux CentOS7 中完美解决VMTools失效,windows 与 Liunx间完美复制文件,无报错的解决方案 DreamFollowerss 2020-05-25 12:03:08 3 ...
Spring/Spring boot正确集成Quartz及解决@Autowired失效问题
Spring/Spring boot正确集成Quartz及解决@Autowired失效问题参考文章: (1)Spring/Spring boot正确集成Quartz及解决@Autowired失效问题 ...
java金蝶星空云金蝶Java 对接金蝶云星空接口对接金蝶API 对接金蝶接口解决会话失效问题会话已失效,请重新登录
java金蝶星空云金蝶Java 对接金蝶云星空接口对接金蝶API 对接金蝶接口解决会话失效问题会话已失效,请重新登录 1.准备工作 1.1 接口调用账户 1.2 下载金蝶星空云 ...
Ubuntu18.04解决网卡失效的问题
Ubuntu18.04解决网卡失效的问题问题描述解决方式附录问题描述打算用桥接的方式给几台虚拟机构建局域网,但是其中一台Ubuntu系统无法链接网络,结果发现ifconfig工具都没有了. ...
RT-Thread 入门学习笔记 - 解决RT_ASSERT失效的问题
RT-Thread 入门学习笔记 - menuconfig Kconfig的使用 RT-Thread 入门学习笔记 - 熟悉动态内存申请与释放 RT-Thread 入门学习笔记 - 查看线程栈的地址 ...
手机端自定义简单的下拉动画效果选择框解决过渡失效
手机端自定义简单的下拉动画效果选择框解决过渡失效 <template> // 弹出框触发并显示选择结果<view class="header_top_sel" ...
vscode 优化.vscode/ipch（解决格式化失效以及占用存储空间大的问题）
概述使用vscode打开一个文件夹,然后随便编辑几个C++代码文件,跳转几个函数,然后就能看到在该文件目录下生成了一个.vscode的文件夹然后进入到.vscode文件夹后,继续进入ipch文件夹 ...
Selenium2+python自动化46-js解决click失效问题
前言有时候元素明明已经找到了,运行也没报错,点击后页面没任何反应.这种问题遇到了,是比较头疼的,因为没任何报错,只是click事件失效了. 本篇用2种方法解决这种诡异的点击事件失效问题一.遇到的问 ...
@ds实现多数据源切换及解决事务失效问题
依赖 <dependency><groupId>com.baomidou</groupId><artifactId>dynamic-datasource ...

uniapp 解决onReachBottom失效

一、为什么失效？

二、解决方案

uniapp 解决onReachBottom失效相关推荐

最新文章

热门文章