UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper)-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper)

[导读]:scroll-view 在使用 @scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold .... 等熟悉或事件时,不生效,是因为 scroll-view 没有一个固定的高度,所以需要给容器设定一个高度。scroll-view 开启下拉刷新后,无论在什么位置触摸下滚,都算在进行下拉,这个也是因为没有设置固定高度的问题。如果设置...

scroll-view 在使用 @scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold .... 等熟悉或事件时,不生效,是因为 scroll-view 没有一个固定的高度,所以需要给容器设定一个高度。

scroll-view 开启下拉刷新后,无论在什么位置触摸下滚,都算在进行下拉,这个也是因为没有设置固定高度的问题。

如果设置之后还无法解决,就需要使用上面的这些事件随便拿个判断一下是否到顶部 0 位置在 开启/关闭 刷新即可。

没有生效具体原因不知道 肯定是要打开刷新

我采用的方式是 原生滚动刷新+scrolltolower

原生代码如下

onReachBottom() {

    console.log("触发上拉");

     this.getList()

},

image.png

本文来自阿习进阶博客,如若转载,请注明出处:https://www.yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ