支付宝小程序scroll-with-animation导致scroll-top 不准

支付宝小程序scroll-with-animation 导致scroll-top 不准
scroll-top 设置为0是可以的,设置其他数字有时候就不准确

这可能是由于支付宝小程序scroll-with-animation的动画效果导致的,因为动画效果会影响scroll-top的准确性。可以尝试在设置scroll-top时关闭动画效果

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 请看👉 :解决微信小程序scroll-view横向滚动scroll-x不成功,隐藏滚动条
  • 除此之外, 这篇博客: 小程序scroll设置(滚动轴样式、真机测试不能滑动)中的 一、先说scroll真机测试不能滑动的问题 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    1、我做的项目是公司的一个小程序商城。产品是个妹子,UI+产品+运营,反正啥都会,尤其是提需求。要不是因为她比我重,我早就打她了。我本来已经做好了一个点击购买按钮弹出商品规格选项。本来规格不多,非要改成scroll的mmp,我就开始搞了
    2、我用的是微信官方推荐的方式:使用方法具体的可直接到微信小程序开发文档中找到

    <view>
    	<scroll-view scroll-y="{{true}}">
    		// 这行代码catchtouchmove='noMove',是我做时间选择的时候时间上带的
    		<view catchtouchmove='noMove'>
    			我是scroll里面可以滚动的的内容
    			<picker-view>
    				我是时间选择器,也在scroll里面
    			<pick-view>
    		</view>
    	</scroll-view>
    </view>
    

    在微信开发者工具上完美运行,没有任何bug!漂亮!完美!开始划水!
    然后我就上传到测试服务器了,傻眼了。不能滚动。
    打开调试工具开始找bug
    在这里插入图片描述
    是的就是这块,也就是我上面代码块里写的那样。本来这个catchtouchmove=noMove是为了让picker选择时间滚动用的。但是picker现在在scroll里面,而scroll里面有了两个 catchtouchmove,而他只执行了最后一个,导致冲突,第一个无法执行,滑动不成功。其实console里面一直在报了这个错误,我没注意。最后让老大发现了这个错误。当解决这个错误后,突然发现真机模式下也能滚动了。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^