uniapp pageScrollTo 不生效

最新推荐文章于 2024-03-02 14:08:41 发布
最新推荐文章于 2024-03-02 14:08:41 发布
阅读量1.3k 收藏 3
点赞数 2
分类专栏： uni-app 文章标签： uni-app vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Oct_Somnus/article/details/130075686
版权

学习知心姐姐聊天教学视频时，发现 uni.pageScrollTo 不生效

setTimeout(() => {
	uni.pageScrollTo({scrollTop: 999999, duration: 0});
}, 50);

加setTimeout就正常了。

武当王也拜见老天师
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决vue页面DOM操作不生效的问题
08-27
下面小编就为大家分享一篇解决vue页面DOM操作不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通过python 执行 nohup 不生效的解决
09-17
然而，在使用Python的paramiko模块通过SSH执行`nohup`命令时，可能会遇到命令不生效的问题。这个问题通常由于命令执行后通道被立即关闭导致。 首先，我们来看一个简单的示例，尝试通过paramiko执行`nohup ping ...
uniapp 小程序 滚动条遇到的坑
wuawa的博客
04-05 2219
uniapp 滚动条与最高级图层的坑 在主页面中使用滚动条，当更高图层覆盖页面时，出现滚动条的时候，我们滑动最高级图层的滚动条，其实主页面的滚动条也跟着滑动（最高级图层滚动条滑到顶部，退出最高级图层时，主页面的滚动条也在最顶部），解决方法也很简单，只需要监听滚动条的位置即可，uniapp中有onPageScroll(e)这个方法实时监听滚动条的位置，我们只需在展开最高级图层的时候记录一次，把它赋值到另一个变量，然后在关闭最高级图层的时候把它赋值回去即可，上代码 //监听滚动条的位置 onPageScroll
uniapp app端 pageScrollTo不滚动问题
weixin_43886375的博客
07-07 984
加一个延时装置 可以给固定值 也可以自己获取可视区域的高度。
uniapp微信小程序pageScrollTo失效
starstarstarl的博客
02-27 1616
uniapp微信小程序，表单校验不通过时滚到对应位置，使用wx.pageScrollTo失效
uniapp开发app解决uni.pageScrollTo不生效
gxdzi的博客
05-16 1418
使用uni.pageScrollTo让页面滚动到最底部，用了好多方法，定时器呀、this.$nextTick呀都发现设置无效，最后发现这种方式可以解决。最外层wrapper设置 height:auto!important就可以啦。
解决vue addRoutes不生效问题
10-14
然而，有时可能会遇到`addRoutes()`不生效的问题，导致新添加的路由无法正常工作。 **问题起因：** 当动态添加路由后，如果不正确地处理路由生命周期，特别是在用户登出再登录时，可能会导致路由冲突。例如，如果在...
Qt QWidget 设置样式表不生效的两种解决方案
01-30
使用Qt Designer 设计界面，但在Qt Designer里设置好样式表，使用快捷键 shift + alt + r 进行预览，样式都是正常的，但程序运行起来，样式就不生效了。两种解决方法： 详情可以到文章里看一下。 ...
解决Vue打包上线之后部分CSS不生效的问题
10-16
当CSS不生效时，可能的原因有以下几点： 1. **CSS模块化处理**：Vue CLI 使用 webpack 进行打包，它会默认将CSS进行模块化处理，每个组件的样式可能被限制在组件内部，导致全局样式无法生效。 2. **CSS压缩**：在...
uni-app:onPageScroll未触发 问题记录
柑橘乌云_
04-13 3066
u-back-top 不生效 场景: uniapp开发微信小程序，页面最外层的div高度给了个100%，这个时候，在onPageScroll事件函数中打印e.scrollTop，发现并未触发该函数。这样子就好啦，还是基本功不扎实0.0。
vue3 + uniapp在弹窗实现点击跳指定高度元素
最新发布
weixin_53812239的博客
03-02 416
可能有伙伴发现在弹窗内使用uni.pageScrollTo()不生效,因为弹窗通常是一个浮动层，而不是整个页面.scroll-with-animation的动画属性要开启 ‘scroll-with-animation=“true”’至此提出使用: scroll-view标签的scroll-into-view属性,类似html锚点。
uniapp 将元素滚动到指定位置的两种方法总结
热门推荐
铁锤妹妹的博客
09-28 3万+
使用 uni.pageScrollTo 方法，属于页面级别滚动。
uni.pageScrollTo滚动时出现抖动问题
Syleapn的博客
06-02 8168
uni-app中，将页面滚动到顶部，有两种方式： 一、使用scroo-view标签中的@scrolltoupper实现 二：使用uni.pageScrollTo实现 近期在做视频类的一个重播功能，要求点击“重播”按钮后页面能够回到顶部（由于视频在页面的顶部，这样点击“重播”后不会跳到视频之外的其他地方），用uni.pageScrollTo来实现，但是发现三个问题： ...
uni-app scroll-view的滑动事件无法触发的问题
weixin_42028778的博客
04-27 1万+
template: <template> <view> <button type="primary" @click="change">{{text}}</button> <my-footer></my-footer> <scroll-view class="container" scroll-y="true...
uniapp scroll-view scroll-top设置无效
三三
06-04 6540
uniapp scroll-view scroll-top设置无效 根据需求，切换到 scroll-view 滚动区域时 滚动条回到顶部，初步尝试在切换的时候设置 this.scrollTop = 0，发现无效，一番查证： 当重复设置某些属性为相同的值时，不会同步到view层。 例如：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。 这和props的单向数据流特性有关，组件内部scroll-top的实际值改动后，其绑定的属性并不会一同变化。 解决如下：
uniapp开发中的uni.pageScrollTo()页面滚动
qq_40868156的博客
08-21 1万+
**uni.pageScrollTo()**是页面级滚动（整个页面滚动），不是页面内某个区域滚动，即页面内某个容器内部滚动。用法如下： setTimeout(() => { uni.pageScrollTo({ duration: 100, scrollTop: 100 //滚动高度，单位px，这里也可用选择器属性:selector:选择器 }) },50) 区域滚动一般用scroll-view标签，必须设置高，其属性：scroll-top，可以绑定一个高度值，通过修改这个属性值，实现s
uniapp 样式不生效
01-04
在uniapp开发中，样式失效的问题可能是由于不同平台的差异导致的。以下是一些可能导致样式失效的原因和解决方法： 1. 不同平台的样式差异：不同平台对于某些样式属性的支持程度可能不同，导致样式在某些平台上不生效。可以通过使用条件注释来针对不同平台编写不同的样式代码，以解决样式失效的问题。 2. 样式选择器的优先级问题：在CSS中，样式选择器的优先级决定了样式的应用顺序。如果某个样式选择器的优先级较高，会覆盖其他选择器的样式。可以通过调整样式选择器的优先级来解决样式失效的问题。 3. 样式属性的兼容性问题：某些样式属性在不同平台上的兼容性可能存在差异，导致样式在某些平台上不生效。可以通过使用浏览器前缀或者使用兼容性更好的样式属性来解决样式失效的问题。 4. 样式文件引入问题：如果样式文件没有正确引入或者引入路径不正确，会导致样式文件无法加载，从而导致样式失效。可以检查样式文件的引入路径是否正确，并确保样式文件被正确加载。 5. 样式冲突问题：如果多个样式规则之间存在冲突，会导致样式失效。可以通过检查样式规则之间的冲突，并进行适当的调整来解决样式失效的问题。 6. 缓存问题：有时候样式文件可能被缓存，导致修改后的样式无法立即生效。可以尝试清除缓存或者使用无缓存模式来解决样式失效的问题。 以下是一个示例代码，演示了如何使用条件注释来解决不同平台下样式失效的问题： ```html <template> <view class="container"> <view class="text">Hello World</view> </view> </template> <style> /* 通用样式 */ .text { font-size: 16px; } /* 微信小程序样式 */ #ifdef MP-WEIXIN .text { color: red; } /* H5样式 */ #ifdef H5 .text { color: blue; } </style> ``` 通过使用条件注释，我们可以针对不同平台编写不同的样式代码，从而解决样式在不同平台上失效的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值