uniapp开发app解决uni.pageScrollTo不生效

最新推荐文章于 2025-04-18 21:18:34 发布
最新推荐文章于 2025-04-18 21:18:34 发布
阅读量9.8k 收藏 12
点赞数 8
分类专栏： 前端 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gun_kill_seven/article/details/112464970
版权
博客主要讲述使用uni.pageScrollTo让页面滚动到最底部时遇到的问题。尝试定时器、this.$nextTick等方法均无效，最终发现将最外层wrapper设置height:auto!important可解决该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用uni.pageScrollTo让页面滚动到最底部，用了好多方法，定时器呀、this.$nextTick呀都发现设置无效，最后发现这种方式可以解决

最外层wrapper设置 height:auto!important就可以啦

  .wrapper{
   
       height:auto!important;
   }

          this.$nextTick(function(){
   
				uni.
最低0.47元/天 解锁文章
uniapp小程序让页面滚动到底部_uniApp 和微信小程序 scroll-view 实现区域滚动 及scroll-top不生效的问题...
weixin_30304285的博客
12-24 1785
1.上下滚动因为高度的问题，scrollView没有填满所剩下的空间，没有实现区域滚动scroll-top 不生效的问题 ，比如想滚动到底部在用这个标签之前，很多地方需要阅读官方文档比如这句话 ：用竖向滚动时，需要给 一个固定高度，通过 css 设置 height。我的第二个问题就是因为没有设置高度导致 scroll-top不生效，但是设置高度百分之百又满足不了区域滚动，设置百分之分有时还会错位 ...
用uni-app开发小程序项目
weixin_44254611的博客
02-23 4241
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 uni-app开发参考文档：https://uniapp.dcloud.io/README uni-app开发工具：HBuilderX：官方IDE下载地址 使用uni-app创建项目 页面配置 1.pa...
uniapp 页面滚动到指定位置的方法
--=
04-23 3824
uniapp 页面滚动到指定位置的方法
前端：uniapp中uni.pageScrollTo方法与元素的overflow-y:auto之间的关联
最新发布
梨木乔
04-18 420
前端：uniapp中uni.pageScrollTof方法与元素的overflow-y:auto之间的关联
uniapp的uni.pageScrollTo不生效
苦夏木禾
09-07 1336
2、可能是设置了高度的原因，把固定的高度去掉，请亲测有效。1、在外面套层 定时器。
uniapp pageScrollTo 不生效
王也的博客
04-11 2164
加setTimeout就正常了。
uniapp微信小程序pageScrollTo失效
starstarstarl的博客
02-27 2280
uniapp微信小程序，表单校验不通过时滚到对应位置，使用wx.pageScrollTo失效
uniapp学习总结
weixin_67850938的博客
06-15 1070
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app组成和跨端原理uni-app能实现一套代码、多端运行，核心是通过编译器 + 运行时编译器：将uni-app统一代码编译生成每个平台支持的特有代码；如在小程序平台，编译器将.vue文件拆分生成wxmlwxssjs等代码。
uniapp：uniapp修改图标，去掉原生导航，自定义导航，导航不跟着页面走。
薇眠winter的博客
09-19 3127
uniapp：uniapp修改图标，去掉原生导航，自定义导航，导航不跟着页面走。
uniapp uni.pageScrollTo h5 不生效
skx1007883564的博客
02-26 193
uniapp uni.pageScrollTo h5 不生效
uniapp app端 pageScrollTo不滚动问题
weixin_43886375的博客
07-07 1289
加一个延时装置 可以给固定值 也可以自己获取可视区域的高度。
uniapp onPageScroll监听页面滚动不起作用？解决方案
chenrui310的博客
08-17 4829
uniapp onPageScroll监听页面滚动不起作用？解决方案 微信小程序 页面滚动头部显示隐藏 VUE 监听 对象属性值变化的三种方式
踩坑记录：uniapp中scroll-view的scroll-top不生效问题；
qq_44776454的博客
12-05 5838
踩坑记录：uniapp中scroll-view的scroll-top不生效问题 的详细解决思路
微信小程序 解决 当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决
weixin_45966674的博客
09-13 1353
pageScrollTo 只是 页面的API 他对 scroll-view 的滚动是无法控制的。而且 触发后 也不会影响继续滚动 继续滚动后再次点击 依旧会滚动到指定位置 还是非常好用的。但是 scroll-view 也提供了一个scroll-into-view属性。然后 我们可以运行代码 你会发现 点击后 他会滚动到指定位置。关键在于scroll-into-view 指定滚动id位置。wxss 参考代码如下。wxml 参考代码如下。
uniapp数据更新使用uni.pageScrollTo到不了指定的锚点
zyk1036的博客
12-08 852
因为页面还没有渲染完成就执行了，加上nextTick就可以了。
异步加载scrollTop不生效问题解决
lmp5023的博客
06-15 1114
异步加载数据然后append之后，出现滚动条，然后我想把滚动条置底. 遇到的问题:scrollTop不生效 解决方案：scrollTop需要在异步加载完成后再调用，因为是异步的，在去后台获取数据的时候，如果scrollTop就触发了，那么就出现不生效的情况 function getContent() { var url = '192.168.30.128/index.php/api/index/getContent';
uni.pagescrollto使用
07-25
uni.pagescrollTo 是一个用于在uni-app中实现页面滚动的方法。它可以滚动指定元素或页面到指定位置。 使用方式如下： 1. 在需要使用的页面或组件中引入 uni-app 的 `uni` 对象：`import uni from '@/uni_modules/...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值