微信小程序 scrollView 之scroll-into-view无法跳转的一个坑

最新推荐文章于 2024-08-09 16:56:42 发布
最新推荐文章于 2024-08-09 16:56:42 发布
阅读量1.7w 收藏 4
点赞数
文章标签： 微信小程序 scroll-view scroll-into-view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_30469385/article/details/80068228
版权

出问题的代码



在一开始的时候，想要测试scroll-into-view的作用，就把scroll-into-view的ID写死，结果然并卵



后来发现，不是这个功能不好用，而是要在组件布局完成后，动态的改变这个scroll-into-view的值，才会跳到索引位置




搞定



原因我也不知道，发上来踩个坑


cs_ysho
关注
微信小程序开发scroll-into-view不生效解决方案
tl437002770的博客
01-24 1007
微信小程序开发scroll-into-view不生效解决方案
微信小程序scroll-view的scroll-into-view无效如何解决
weixin_42065274的博客
03-12 4714
微信小程序scroll-view的scroll-into-view无效如何解决 最近在写小程序项目遇到这么一个问题：在使用scroll-into-view的时候无效。 在网上查了一遍，给出的答案有： 1.给scroll-view要设置高度，必须设置上scroll-y或者scroll-x为true（必须要的） 2.scroll-into-view初始化设置的时候，可能因为页面或者数据未加载不能跳转。...
记uniapp 小程序里scroll-view，@scroll事件，scroll-into-view不生效的原因
最新发布
qq_44184452的博客
08-09 438
好久没用了就忘记了，9个子元素一共2700px；失误把scroll-view的值也设成了2700px;这样就滑动不了了，因为一直没动；
微信小程序scroll-view的scroll-into-view无效问题解决办法
weixin_55109596的博客
02-14 8603
轻松解决微信小程序scroll-view的scroll-into-view无效问题
微信小程序采坑九：scroll-view里scroll-into-view无效
stp_zsj的博客
12-21 2059
无效配置： <scroll-view scroll-into-view="sss">     <view id="sss"></view> </scroll-view> 正确使用： 需动态配置 scroll-into-view="{{}}"
微信小程序 scrollView之scroll-into-view跳坑
月来better
07-02 467
需求： 实现A页面点击按钮wx.navigateToB页面并定位到view位置。 A.wxml <button bindtap='clickBtn'>跳转</button> A.js clickBtn: function(){ wx.navigateTo({ url: '../b/b?viewId=view4' // 参数viewId=定位的位置id }) } B.wxml <scroll-view scroll-into-view="{
小程序scroll-into-view无效问题解决办法
weixin_45467142的博客
04-05 2546
小程序scroll-into-view无效问题解决办法 scroll-into -view无效 加入下图标注属性使用，scroll-into -view生效
【小程序】那些年小程序碰过的坑——Scroll-view跳转问题
d921737171的博客
06-03 423
序 写到scroll-view，就不得不涉及到其中的各个Object属性，但是这个控件本身又很奇特，属性内部经常自相矛盾，着实让人头疼不已，好记性不如烂笔头，记录下来警示自己，也帮助他人，何乐而不为呢。 正文 要想Scrolliew进行跳转，高度是必不可少的，但是这里的坑在于，高度太高（超出竖屏限制）之后，便会形成两个滚动条，用户若想查看底层的数据，就需要拉动两个条子，着实不友好，而想要进行跳转，高度又必须设置为一个给定的，具体的值（例如xxx rpx/vh/px），100%是不行的，因此我的建议是折
微信小程序scroll-view避坑指南
weixin_45438997的博客
11-15 1471
如果我们要在微信小程序中实现横向滑动展示内容的场景，scroll-view是我们的首选，但是在使用中可能会遇到一些问题，我们结合实际案例记录一下注意点。 以横向滚动隐藏滚动条为例，我们需要给元素设置如下属性： <!-- 元素不使用flex布局--> <scroll-view scroll-x="true" enhanced="true" show-scrollbar="false"> <!-- 元素使用flex布局--> <scroll-view scroll-
微信小程序或uni-app scrollView 之scroll-into-view无法跳转的一个坑
qq_41630387的博客
11-20 7835
微信小程序 scrollView 之scroll-into-view无法跳转的一个坑 反复测试发现就是scroll-view的高或宽要给个固定值。 &lt;scroll-view class="page-body" scroll-y :scroll-into-view="scrollIntoView" :style="'height:'+scrollHeight+'px'"&gt; let sy...
微信小程序scroll-view锚点链接滚动跳转功能
10-15
在微信小程序中，开发者可以通过指定scroll-view的scroll-into-view属性来实现这一功能。 首先，需要在页面的json配置文件中引入需要的组件。在js页面逻辑文件中，定义需要跳转的锚点项。例如，通过一个数组来定义...
微信小程序中scroll-view中不设定高度实现自动滚动
09-17
在微信小程序中scroll-view沿y轴进行滚动时需要设定固定高度，现通过样式和布局实现高度自适应不设定高度
微信小程序（九）scroll-view组件详细介绍
09-01
在微信小程序开发中，`scroll-view`组件是一个非常重要的组件，它用于实现页面的滚动效果，支持水平和垂直滚动。本文将深入介绍`scroll-view`组件的特性和使用方法。 ### 一、基本概念 `scroll-view`组件是一个可...
微信小程序 scrollview 滚动到指定位置
天问博客-专注于大前端技术
11-29 8549
在微信小程序中，实现 ScrollView 滚动到指定位置有多种方法，下面将介绍三种主要的实现方式。
微信小程序 scroll-view 组件中 scroll-into-view属性
热门推荐
qq_45219069的博客
06-02 1万+
小程序中如何使用 scroll-into-view 滚动到对应位置 上需求，需求很常见，如下图 （电商网站很常见），在pc端或者h5中就是一个锚点，当点击对应标题时，页面滚动到对应位置，注意不是选项卡效果。。。。。是页面滚动 如果不能理解，可随便打开一个电商网站的商品详情页可明白 **由于在小程序中，不能使用锚点，同时获取元素高度也挺麻烦的，这里采用 scroll-view 组件的 scroll-into-view属性，来实现 ** 文档可发现，我们需要设置 对应区域的id 即可完成 滚动到对应位
小程序横向scroll-view组件自动滚动到某个view scroll-into-view 没有效果
wlm123565的博客
09-10 3583
原因： 1.处理完数据之后，需要更新一次page对象中的data， that.setData({ toview: 'target' }) 2.html中data-node-id和data-index两种属性不能同时存在， 3.html中必须设置id='{{item.id}}'属性 代码如下： html： &lt;view class="scroll_box"...
微信小程序scroll-into-view实现页面定位
苏苏就是小苏苏的博客
03-06 3120
1.实现效果 2.实现原理 A页面有list，包含n条数据，跳转到B页面，带参，参数为当前数据的索引(或其他数据，唯一值即可） B页面，同样有n条数据，onload接参数，拿到数据的索引，得到传过来的数据 B页面的list，用scroll-view展示，scroll-x，并设置scroll-into-view为toView，值为某子元素id（id不能以数字开头），为每条数据设置id，取值‘view{{index}}’ B页面，根据onload拿到的索引，动态的设置toView为view+当
小程序之scroll-into-view, wx.pageScrollTo首次load没有效果
peach
09-07 2039
scroll-view用法查看官方文档 &lt;scroll-view scroll-y scroll-into-view="{{toView}}" style="height: 700px"&gt; &lt;view wx:for="{{ list }}" wx:for-item="category" wx:key="name" id="type{{index}}
微信小程序scroll-view组件
2301_76669854的博客
04-16 1311
当一个容器内容很多时，若容器无法显示完整内容，则可通过滚动操作查看所有内容 在微信小程序中scroll-view组件可以实现滚动效果
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值