scroll-view需要明确的高度或宽度限制来触发滚动。如果scroll-view的高度或宽度设置为auto或未设置,且其内容不足以撑开整个容器,则滚动效果可能无法出现。请确保您已经为scroll-view设置了合适的高度或宽度。 3. 验证滚动方向(水平或垂直)是否设置正确 通过scroll-x和scroll-y属性可以控制滚动的方向。确保您已经根据需要...
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll-view开启下拉刷新后,无论在...
1 scroll-y设置为true,在小程序,web都可以滑动,实现上拉加载 2 在手机上无法触发滑动加载,此时要给scroll-view一个高度,就可以解决。
小程序里使用scroll-view,然后发现在iOS下不能滚动,在安卓下正常。 先确认scroll-y="true" 一定需要给scroll-view设置一个高度,具体的根据你自己的页面来 ,可以getSystemInfo获取可视区域的高度 constres=uni.getSystemInfo({success:(res=>{this.clientHeight=res.windowHeight-getApp().globalData.navHeight-50;})...
如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;
uniapp解决scroll-view滑动事件失效问题@scrolltolower 1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> ...
首先scroll-view要给个高度,不用固定写死,百分比也是可以的,我是放到了列表下面,让他继承父类的高度,但是不行,还是要手动的添加高度为100%;这样就会触发了,你解决了吗? image.png 最近有一个需求是这种布局还要有上拉加载的 image.png 这里我使用了外部的view使用max-height;撑开,scroll-view的高度是百分百,但...
可获得每一个子列表区块的距离顶部的高度,那么这就涉及到要获取具体的节点信息,在uni-app中相关的api可用于获取某元素的节点信息,随之声明一个数组,将这些数据存放在一个数组中,然后判断滑动的高度(这就需要用到scroll-view的@scroll事件,可获取用户滑动的距离)是否大于数组中的数据,若大于,则将该区域的索引传递到...
第一个考虑的上拉加载事件:onReachBottom页面滚动到底部的事件,常用于上拉加载下一页数据。但是如使用scroll-view导致页面级没有滚动,则触底事件不会被触发,所以这里存在的问题是有时候无法触发onReachBottom。 最终选择了适用scroll-view自带的滚到底部触发事件scrolltolower事件,虽然这个事件确实能够实现上拉加载数据分...