微信小程序 纵向滚动不会触发下拉事件

最新推荐文章于 2022-10-24 16:00:59 发布
最新推荐文章于 2022-10-24 16:00:59 发布
阅读量419 收藏
点赞数
分类专栏： 纵向滚动 下拉刷新 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44995275/article/details/105535027
版权

解决办法

<!--1.纵向滚动不会触发下拉事件
2.如果需要自定义下拉刷新，设置refresher-enabled
3.refresher-default-style="none"可以自定义下拉的部分的样式
4.refresher-threshold刷新回滚以后，自定义下拉样式的高度
<view slot="refresher" class="refresher_contain">
    下拉刷新
  </view>
 -->
是嘛
关注
专栏目录
微信小程序获取滚动条高度_微信小程序计算scroll-view的高度
weixin_34207925的博客
02-12 3196
官方文档开头就说，当我们使用竖向滚动时，就需要给它一个固定高度，单位是px。可滚动视图区域。使用竖向滚动(scroll-y)时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。微信开放文档编写WXML，项目上将这段作为template：scroll-y style="width: 100%;hei...
ios微信小程序下拉刷新怎么配_[wx]微信小程序自定义下拉刷新
weixin_39594296的博客
12-19 791
需求：在小程序内存在列表等形式的页面内增加下拉刷新功能，提高用户体验感，加强界面操作与交互性；实现方法：1、小程序提供的下拉刷新(无法自定义刷新动画)在页面设置内开启下拉(单独页面设置)；{"enablePullDownRefresh": true,}使用onPullDownRefresh()监听用户下拉操作，实现刷新操作；也可以通过wx.startPullDownRefresh和wx.stopP...
微信小程序使用scroll-view无法触发下拉刷新事件onPullDownRefresh解决方案
ygy211715的博客
10-12 3630
在跟着某网学习的时候发现使用scroll-view无法触发下拉刷新事件onPullDownRefresh，在网上找了找解决方案，其中我觉得最佳的解决方案如下 1：将scroll-view换成view，如此以来就可以触发下拉刷新onPullDownRefresh事件 二： 改成view，那原来scroll-view组件的onScrollLower上拉加载更多事件就不能用了，这时候可以使用onReachBottom ...
小程序下拉刷新-onPullDownRefresh不触发-可以通过scroll-view自定义下拉刷新
weixinericguo的博客
10-21 1620
小程序下拉刷新-onPullDownRefresh不触发-可以通过scroll-view自定义下拉刷新 下程序下拉可以使用默认的下拉刷新,方法是页面json文件开启下拉刷新,js文件通过onPullDownRefresh事件调接口刷新数据 但是如果你的页面中是用的scroll-view,这样在scroll-view区域是无法触发下拉刷新事件的,这是因为scroll-view的限制,官方有讲的, 那么这个时候我们就只能通过自定义下拉刷新来实现了 其实不难官方都有讲的就是scroll-view这个的介绍
微信小程序onPullDownRefresh不触发的问题，下拉刷新不触发
最新发布
yearn105的博客
10-24 485
微信小程序onPullDownRefresh不触发的问题
微信小程序自定义导航栏与自带下拉刷新冲突
curry0711的博客
08-09 4163
       在使用HbuilderX开发微信小程序时（在HbuilderX中写代码，在微信开发者工具编译），由于微信小程序自带的导航栏功能少，样式单一等，于是采用colorUI自定义导航栏实现需求。而问题就一而再再而三的出现了： 自定义导航栏导致系统自带的下拉刷新不能用（官方回应这是微信小程序的bug） 采用HbuilderX自带的scroll-view组件的下拉刷新 但scroll-view在微信小程序却出现了： 无限刷新问题 s
微信小程序scroll-view滚动到底部一直抖动
qq_39931894的博客
10-21 1801
微信小程序滚动到底部一直抖动 微信小程序中使用了scroll-view之后，滚动到底部就会一直在抖动。 解决办法： 1.把scroll-view里面的fixed元素全部放到外面，里面不要有fixed元素 2.用page默认的滚动
微信小程序 scroll-view隐藏滚动条详解
08-31
在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它主要用于实现页面内的滚动效果。本篇将详细讲解如何在微信小程序的 `scroll-view` 中隐藏滚动条以及与页面跳转相关的技巧。 首先，我们要了解如何隐藏 ...
微信小程序页面无限滚动流
听风看海的博客
04-29 5565
场景 当前的小程序非常火，开发起来也很快，框架很多，今天讲下mpvue这个框架实现页面无限滚动流，滚动到底加载新数据。 问题 微信小程序不支持Dom, 那么要实现一个无限的滚动效果那不是蛋疼？ mpvue+scroll-view实现 mpvue这个是美团开源的一个框架， 语法是和vue99%相似，但是坑很多，如果你遇到可以看下我的mpvue的其他文章，里面详细的讲了哪些坑以及解决办法。 scrol...
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
11-26
在微信小程序中，`scroll-view`组件是用于实现滚动效果的重要元素，它可以处理横向或纵向的滚动，并且支持上拉加载更多（onReachBottom）和下拉刷新（onPullDownRefresh）功能。以下是对实现这一功能的代码进行的...
微信小程序 解决自定义弹出层滑动时下层页面滚动问题
weixin_34380948的博客
04-22 903
弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动。 场景一：弹窗内无滚动内容 可以在弹窗最外层元素绑定touchmove事件，触发事件返回false即（在vue类框架中也可以加.stop阻止冒泡）。 简单写法：catchtouchmove='preventTouchMove'，在js文件中定义一个方法preventTouchMove() { return } 即可。 此种...
小程序分页加载onReachBottom上拉触底加载--小程序走过的坑（6）（最新版）
热门推荐
zhanxingdong的博客
07-26 6万+
onReachBottom 小程序拥有页面上拉触底事件的处理函数onReachBottom 当上拉至底部时就会触发onReachBottom函数来进行相应动作。也就是说小程序自带能捕捉到用户触底事件的函数。我们无需再进行捕捉用户事件了！！！ 直接上代码 data: { limit: 11,//显示数据量 list: '', page: 1,//当前页 ...
小程序 onReachBottom 上拉加载事件失效
Young_Gao的博客
01-14 1万+
微信自带的下拉刷新上拉加载需要在 .json 文件里打开 "enablePullDownRefresh": true 在 .js 文件中分别对应两个事件  /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('pull down refresh') }, ...
微信小程序监听页面滚动的事件
岁末zzz的博客
07-08 2万+
onPageScroll (e) { console.log(e) }, <view class="wrapIndex" bindtouchstart="touchStart" bindtouchend="touchEnd"></view> touchStart(e){ //console.log('滚起来', e); this.setDat...
微信小程序滚动事件的触发
yzy1970185464的博客
12-03 5634
  onPageScroll: function(e) { let that=this; if (e.scrollTop==0){ that.setData({ isScroll: false }) } else{ that.setData({ isScroll: true }) } // console.log(e);//{scrollTop:99} },
小程序滚动条 无法滚动BUG 解决方案
weixin_34122604的博客
01-07 2517
上图演示BUG： 拖不动！！！！你怎么回事？小老弟！！ 疯狂的Debug 最后找到了。原来是 参数没有传导致的 修改代码： 搞定了，就是这么坑 转载于:https://www.cnblogs.com/Leesttee/p/10234892.html...
微信小程序实现下拉刷新之利用滚动视图区域"scroll-view"实现
weixin_44283571的博客
06-22 4039
微信小程序利用scroll-view滚动视图区域实现下拉刷新，其实是利用了scroll-view 里的bindscrolltoupper（滚动到顶部/左边时触发）属性，在一个可上下拖动的滚动 视图区域里，当我们拖动到视图的顶部时就会触发bindscrolltoupper这个属性，这 时我们可以绑定一个事件，比如： 然后当触发了bindscrolltoupper这个属性时，就会执行事件处理函数"u...
15|小程序页面下拉刷新和上拉分页事件
weixin_43846020的博客
09-06 318
15|小程序页面下拉刷新和上拉分页事件 onPullDownRefresh(）：页面下拉刷新事件 onReachBottom()：上拉分页事件 必须在app.json设置enableDownRefresh=true，才会触发下拉刷新 // pages/list/list.js Page({ /** * 页面的初始数据 */ data: { list:[1,2,3,4,5,6,7,8,9] }, /**9 * 生命周期函数--监听页面加载
微信小程序实现纵向滚动
在到处之间找我
06-14 9933
这个官方文档已经说的很清楚了，但是想要实现满屏滚动时还是有几点需要注意：（1）设置&lt;scroll-view&gt;的属性scroll-y为true&lt;scroll-view scroll-y='true'&gt; &lt;/scroll-view&gt;（2）设置Page的高度为100%在需要实现满屏滚动的wxss文件中添加：page { height: 100%; }（3）再把元素...
微信小程序xHSwiper滚动插件：智能视图切换
"微信小程序滚动插件xHSwiper是一个由默识开发的组件，用于实现动态的、可控制的视图滚动效果。该插件支持纵向滚动，可以根据手指滑动智能判断并显示当前屏幕中央的视图。它还提供了丰富的事件回调，包括滑动结束、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值