uniapp-小程序上下滚动失效解决办法

最新推荐文章于 2024-08-02 14:03:28 发布
最新推荐文章于 2024-08-02 14:03:28 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： # vue 文章标签： 小程序 uni-app vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013205428/article/details/130272212
版权
当遇到uniapp中的小程序上下滚动功能失效问题时，解决方案是给scroll-view设置一个固定的vh高度而非百分比高度。通过在scroll-view中嵌套rich-text组件，并利用parsePopupHtml函数处理rich-text的内容显示，可以确保滚动功能正常工作。
摘要由CSDN通过智能技术生成

uniapp-小程序上下滚动失效解决办法

/*
 * 小程序 上下滚动 需要加个固定高度才行,百分比的高度也不可以,需要使用vh单位
 * parsePopupHtml(): rich-text里面的内容显示
 */
<scroll-view style="height: 60vh" scroll-y="true">
  <rich-text  :nodes="parsePopupHtml(popupData.systemMsg.content)" ></rich-text>
</scroll-view>
DemoImpl
关注
专栏目录
uni-app - APP平台禁止页面滑动（无法上下滚动屏幕页面）
王佳斌
12-23 1万+
前言 注意：仅 APP 平台，在 pages.json 中进行配置。 有些时候，我们需要将页面固定住，让用户无法下拉与滚动页面。 全局配置 在 globalStyle 中进行配置，便是所有页面均有效。 "globalStyle": { "app-plus": {//app平台 "bounce": "none"//禁止滚动 } }, 局部配置 在该页面 style 中进行配置，仅对该页有效。 "path": "pages/login/login", "style": { "app-plus":
在uniapp 中 uni-popup 内容过多的时候 滚动不了的问题
m0_73035846的博客
05-18 1035
我在用这个组件的时候，发现，限制一定的高度，如果内容太多，就会滚定不了，卡在哪里，如果不给高度，内容就会撑开满屏的状态，然后找了很多方法，也算找到了。
UniappX scroll-view不能滚动问题
CZDBGSY的博客
08-02 777
不给scrollview设置高度是不可以滚动的，单纯的flex1页不一定可以，需要添加一个实体高度，让其自动撑开。uniappx里弃用了scroll-x，以及scroll-y属性，用direction属性代替了；如果还是不可以，检查是否有scroll-view嵌套，以及父元素是否有实体高度。
小程序页面不能滚动
abysk520520的博客
04-18 931
有可能是上一个页面有picker弹框没有关闭，直接跳转的页面，有可能导致跳转后的页面不能滚动。
淘宝小程序 真机页面无法滚动？？？
m0_58861443的博客
08-01 466
真机页面无法滚动
uniapp 页面无法滚动问题
xiaokangna的博客
08-07 1345
【代码】uniapp 页面无法滚动问题。
导致uni-app项目在PC网页上面可以用滑轮上下滚动，但是无法用按下鼠标拖拽以及手机端也无法用手指上下滑动的原因？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-27 875
原因1：滑动区域overflow: hidden;或overflow-y: hidden;了 原因2：滑动区域设置了pointer-events: none; 原因3：pages.json对应页面设置了"disableScroll": false //不允许滑动
微信小程序scroll-x失效的完美解决方法
10-18
在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动，但是在实际开发中会遇到各种问题，下面小编给大家带来了微信小程序scroll-x失效的完美解决方法,需要...
uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip
12-17
uni-app是一个多端统一的开发框架，它可以将同一份代码编译到iOS、Android、H5、小程序等多个平台。Picker组件是uni-app提供的一种UI控件，用于显示一个可滚动的选择列表，通常用于日期选择、时间选择或自定义数据...
微信小程序-uniapp使用＜scroll-view ＞组件实现卡片左滑功能在电脑端小程序版不生效问题
m0_69924991的博客
06-02 454
改用swiper组件就可以啦~附上参考代码。
uni-app——在 uni-popup 中设置overflow-y: scroll失效
qq_43201350的博客
02-13 605
uni-app——在 uni-popup 中设置overflow-y: scroll失效
uniapp页面滚动监听
m0_67401382的博客
03-01 2982
先在前面总结下，下面一共有3种监听滚动的方法。 昨天在做uniapp的图片懒加载，从网上找了个插件，导入到HBuilderX后，捣鼓了一晚上，总算是正常跑起来了。 今天早上，把代码copy到项目上，结果只有第一屏的图片能展示，滑动后，下面的图片都不显示了！-_-! 因为有了昨晚的经验，很快就定位到问题是滚动监听出现了问题。 这个插件的图片懒加载一个关键的地方就是用到滚动监听。 第一种 在普通页面可以用生命周期的“onPageScroll”方法，如下： onPageScroll(e) { // 传入scro
scroll-view scroll-y上下滑动失效
到底要什么姿态，才不会显得我在使坏。
11-27 1724
如果我们高度是动态的，那我们可以动态给scroll-view一个高度即可。注意高度不要和相应元素高度一致，不然也是无法滚动的。在uniapp打包成小程序部署后如下代码，我们添加了 scroll-y但是无法上下滑动。滚动的条件必须是设定固定高度，这样才能滚动。
微信小程序的scroll-view不能滚动问题
热门推荐
qq_36356379的博客
03-23 1万+
最近搞了一个多周的微信小程序算是入门了吧，因为之前自学过js和css，所以上手比较快，语法跟VUE挺像的，下面说说期间遇到的一些问题吧。 一、scroll-view没有显示全，但是不能滚动 确定你想实现的滑动方向，检查一下scroll-x或者scroll-y有没有写(scroll-x:true 支持横向滑动 scroll-y:true 支持竖向滑动) 检查一下是不是没有给scroll-vie...
小程序页面无法滚动？？
weixin_43764828的博客
05-18 3247
今天遇到一个超级超级无语的问题，也告诉我以后不能随随便便复制别人的代码。。 写完一个页面，真机调试，发现页面无法滚动，这是肿么肥事？ 页面高度没问题，样式也没问题，最后没办法，强制给page 加了overflow-y:auto !important; 开发者工具终于可以滚动了， 可是真机仍然无法滚动。。。 我的苍天 ，看了大半天， 甚至从头写页面了， 发现是复制别的页面的json文件，多复制了一句话，我的妈呀，页面写了一个小时，查错查了2个小时！！！！！！ "disableScroll":tr.
解决uniapp 嵌套scroll-view 滚动失效
moerduo0的博客
12-11 1062
在第二个scroll-view添加 white-space: nowrap; 子元素添加 display: inline-block
uniapp scroll-view组件ios滚动条失效解决方式
baibai_b的博客
12-18 1023
uniapp scroll-view组件ios滚动条失效解决方式
uni-popup组件内部无法滚动问题记录
Junikusa的博客
04-11 2040
uni-popup组件，内部无法滚动。
uniapp uni-segmented-control onReachBottom失效
最新发布
10-12
uni-app的uni-segmented-control组件中的onReachBottom事件表示当滚动到底部时触发的回调函数。然而，如果你发现这个事件并未如预期那样在内容区域完全滚动到底部时触发，可能是以下几个原因： 1. 检查配置：确认`onReachBottom`属性是否已经正确地设置到你的`uni-segmented-control`上，并且事件处理器是否有效。 ```html <view class="segmented-control" @on-reach-bottom="handleBottomEvent"> <uni-segmented-control :options="options" /> </view> ``` 2. 视图结构：确保`uni-segmented-control`下面有足够的内容可供滚动。如果没有足够的内容，该事件是不会触发的。 3. 其他滚动视图影响：如果有其他滚动视图遮挡了`uni-segmented-control`，并且它们先于它达到底部，那么`onReachBottom`事件可能不会触发。你需要确保`uni-segmented-control`是最后一个可滚动的元素。 4. 滚动高度计算：有时候浏览器的行为可能会导致滚动高度的计算不准确。你可以尝试手动测量滚动容器的高度并与可视区比较，看是否真的达到了底部。 如果以上排查都没有问题，还无法解决，可能是uni-app的某个版本更新中对事件处理有改动，建议查阅官方文档或更新到最新版看看是否修复了这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值