scroll-view设置scroll-top无效

在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。这里也有一个坑，如果事件执行时，scrollTop的值和原来一样，他是不会生效的(就算页面滚动了，但是scrollTop是不变的)，所以在触发回到顶部事件，重新赋值的时候，可以加一个0.0001，页面就会回到顶部了。这里有一个坑，初始值设置（注意：不要设置成0，不然无效）

踩坑记录：uniapp中scroll-view的scroll-top不生效问题 的详细解决思路

scroll-top设置无效的解决方案

场景：比如一个订单详情里面有评价输入区域，评价完成之后，重新获取订单详情接口页面的高度会发生一些改变，我们就要设置页面滚回到顶部 标签： <scroll-view scroll-top="{{scrollTop}}" bindscroll="`bindscroll`"></scroll-view> data： scrollTop: 0, // 滚动到顶部 oldScrollTop: 0, // 滚动位置 滚动方法： bindscroll(e){ // 监听页面滚动 th

在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。

今天研究了以下小程序滚动高度的问题，刚开始用scroll-view来设置滚动高度，并且点击其他导航按钮让其置顶的问题，发现scroll-top设置无效的问题，在之前的时候可以通过bindscroll的绑定事件可以设定，但是小程序的版本可能改了，出现了一个api 叫wx.pageScrollTode api 下面给大家看一下写的代码，首先在wxml里面需要用到滚动的容器用scroll-view包裹起来， 在data当中定义scrollTop的数值，0或者-1都可以， 可以监听以下滚动的scrollTop的

此时你会发现每次都能滚动到指定位置了，不过可能这只是其中一种解决办法，如果还有其他解决办法欢迎大家在评论区讨论哈！才会触发滚动到指定位置的操作，于是就有了以下代码实现。组件，在此把我其中踩过的一个坑分享给大家！scroll-top值与当前的值不相等时。本文到这里就结束啦，希望能够帮助到大家！，查看uniapp官方文档后我了解到了。scroll-top设置为0。，经过测试发现只有当你设置的。uniapp开发微信小程序。我的需求是点击某个按钮然后。的过程中使用到了内置的。

问题概述 这种情况我目前在uniapp开发的app或h5遇到，修改scroll-top值页面无法滚动，无法达到我们预期想要的效果。 uni-app官方文档解释 当属性值相同时，组件内部单向流数据特性有关，导致不会触发再次watch监听 解决思路 我们要滚动到顶部，而且每次点击都要触发回到顶部，可以写一个0.01的误差值 第一次滚动：0 第二次滚动：0.01 第三次滚动：0 ....一直往返循环 实现代码 HTML <scroll-view :scroll...

uni-app scroll-view设置scrollTop为0返回顶部不生效

uniapp scroll-view scroll-top设置无效 根据需求，切换到 scroll-view 滚动区域时 滚动条回到顶部，初步尝试在切换的时候设置 this.scrollTop = 0，发现无效，一番查证： 当重复设置某些属性为相同的值时，不会同步到view层。 例如：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。 这和props的单向数据流特性有关，组件内部scroll-top的实际值改动后，其绑定的属性并不会一同变化。 解决如下：

分析原因，滚动需要内容的高度大于盒子的高度，之前设置的高度一致。 修改scroll-view的height即可。 <scroll-view scroll-x scroll-y scroll-left="500" scroll-top="{{top}}" style="height: 1260rpx"> <image src="./img/map.jpg"></image> </scroll-view> ...

1、在回到顶部有两种办法，第一钟办法是使用js wx.pageScrollTo({ scrollTop: 0 }) 第二种办法是 <scroll-view scroll-y="{{true}}" scroll-top='{{topNum}}' class="home-scroll"> </scroll-view> 回到顶部 thi...

html部分 <scroll-view :scroll-top="scrollTop" scroll-y="true" @scroll="scroll" "> data中的定义 data() { return { scrollTop: 0, old: { //之前的滚动条距离顶部的距离 scrollTop: 0 } } },

uniapp里面使用scroll-view 组件，动态设置scroll-top 属性来控制滚动高度，但是当想滚动到起始位置时 设置动态值为0 时无效的。 具体原因还在找，但是找到了解决方法。 首先要定义一个变量记录滚动条的位置 <scroll-view :style="{'background-color': currentTheme.backgroundColor}" @sc...