微信小程序scroll-into-view的坑！！！

最新推荐文章于 2024-08-14 09:00:32 发布

jenkinz

最新推荐文章于 2024-08-14 09:00:32 发布

阅读量1k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/jenkinz/article/details/108542520

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

scroll-view一定要设置滚动方向和容器高度，scroll-into-view才能生效

<scroll-view style="height:500px" scroll-y="{{true}}" scroll-with-animation="{{true}}"  scroll-into-view="{{currentCapital}}" class="community-container" >

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jenkinz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序踩坑之scroll-view

weixin_44667590的博客

06-19

572

scroll-view与fixed同时使用的问题

微信小程序scroll-view的scroll-into-view无效如何解决

weixin_42065274的博客

03-12

4738

微信小程序scroll-view的scroll-into-view无效如何解决最近在写小程序项目遇到这么一个问题：在使用scroll-into-view的时候无效。在网上查了一遍，给出的答案有： 1.给scroll-view要设置高度，必须设置上scroll-y或者scroll-x为true（必须要的） 2.scroll-into-view初始化设置的时候，可能因为页面或者数据未加载不能跳转。...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序中实现自动滚动

热门推荐

weixin_30469385的博客

04-24

1万+

出问题的代码在一开始的时候，想要测试scroll-into-view的作用，就把scroll-into-view的ID写死，结果然并卵后来发现，不是这个功能不好用，而是要在组件布局完成后，动态的改变这个scroll-into-view的值，才会跳到索引位置搞定原因我也不知道，发上来踩个坑...

微信小程序 scrollView之scroll-into-view跳坑

qq_28016751的博客

04-11

1万+

需求：实现A页面点击按钮wx.navigateToB页面并定位到view位置。 A.wxml <button bindtap='clickBtn'>跳转</button> A.js clickBtn: function(){ wx.navigateTo({ url: '../b/b?viewId=view4' // 参数view...

uniapp微信小程序遇到scroll-into-view不生效的问题

weixin_68530407的博客

02-08

2128

方式2：本地项目使用的方式，页面创建完成获取父元素高度减去固定的比如输入框等元素高度来设置scroll-view的高度(第一版)正常按照uni官方文档配置就好，之前项目也做过类似需求，但是前两天遇到了设置不生效的问题。具体为什么初版不生效还不清楚，有可能模板内语法有问题，但是我看着没毛病哈哈哈。2、scroll-into-view和子元素的id设置有问题(经测试设置没问题)调整scroll-view高度设置，在js中计算完成了再放到标签style属性内。1、scroll-view 没有高度。

微信小程序scroll-view组件实现滚动动画

08-28

微信小程序 scroll-view 组件是一种常用的滚动容器组件，通过设置 scroll-into-view 和 scroll-with-animation 属性可以实现滚动动画效果。在本文中，我们将详细介绍如何使用 scroll-view 组件实现滚动动画，并提供...

微信小程序 scroll-view的使用案例代码详解

10-15

【微信小程序 `scroll-view` 的使用详解】在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它提供了一个可滚动的视图容器，能够处理复杂的滚动需求，包括横向和纵向滚动。本文将深入探讨 `scroll-view` ...

微信小程序 scroll-view 实现锚点跳转功能

01-19

在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll> 的 scroll-into-view 属性。　实现锚点跳转主要以下几点：　1、最外层容器使用 scroll-view 　2、...

微信小程序开发scroll-into-view不生效解决方案

tl437002770的博客

01-24

1035

微信小程序开发scroll-into-view不生效解决方案

uni-app scroll-view 组件不生效

卡三ss

06-14

2980

scroll-view 组件不生效

解决uniapp中scrollintoview无效问题

weixin_56704277的博客

03-26

4849

解决办法：添加一个定时器或者用$nextTick（延迟一下） 1.$nextTick方法 this.$nextTick(function(){ this.scrollInto='into'+i }) 2.定时器方法 setTimeout(()=>{ this.scrollInto='into'+i })

uniapp中scroll-view滚动失效解决方法

m0_43377799的博客

04-13

4648

uniapp中scroll-view滚动失效解决方法

小程序scroll-into-view无效问题解决办法

weixin_45467142的博客

04-05

2548

小程序scroll-into-view无效问题解决办法 scroll-into -view无效加入下图标注属性使用，scroll-into -view生效

uni-app的scroll-into-view在开发聊天界面时无法自动滚动的问题

weixin_45890764的博客

01-27

4388

在开发聊天界面时，需求是在初次进入聊天界面和发送信息后，消息要到达最底部。代码： pageToBottom(){ let lastIndex = this.list.length - 1 console.log(lastIndex) if(lastIndex < 0) return; this.scrollInto = 'chat'+lastIndex console.log('chat'+lastIndex) console.log(12121)

微信小程序中scoll-view的一个小坑

weixin_30363817的博客

07-05

187

在微信小程序开发中，有时候swiper-view会出现显示不全的问题，我们可以用scoll-view来把它包裹下，但是要用scoll-view就一定要设置height,而我们经常是在页面中加的这个组件，要怎么知道它的高度呢?我找了好多答案，最终就整理如下：整理下思路：就是在页面加载后去计算出页面中已知组件的所有高度和，然后再用页面整体大小减去这个高度和。先讲一下如何获取页面总体高度吧。可以...

微信小程序之scroll-view

Aimee的博客

03-29

1931

这篇文章主要介绍微信小程序scroll-view的相关资料,需要的朋友可以参考下scroll-view 可滚动视图区域,官网给的相关属性如下图所示：下面给大家分享一个我在开发过程中的用到scroll-view的实例效果如图所示： html结构如下所示:  <view class="goods-lists1 activity-lists"> ...

微信小程序 scroll-into-view

03-15

微信小程序的scroll-into-view是一个用于实现滚动到指定位置的功能。通过设置scroll-into-view属性，可以将页面滚动到指定的组件或元素位置。具体来说，当我们在小程序中需要将页面滚动到某个特定的组件或元素位置时，可以给目标组件或元素设置一个唯一的id，并将该id作为scroll-into-view属性的值。当触发滚动操作时，小程序会自动将页面滚动到该id所对应的组件或元素位置。以下是使用scroll-into-view的示例代码：在wxml文件中： ```html <view id="target">我是目标位置</view> <button bindtap="scrollToTarget">滚动到目标位置</button> ``` 在js文件中： ```javascript Page({ scrollToTarget: function() { this.setData({ scrollIntoView: 'target' }) } }) ``` 在上述代码中，我们给目标位置的view设置了一个id为"target"，并在按钮的点击事件中通过setData方法将scrollIntoView属性设置为"target"。当点击按钮时，页面会自动滚动到id为"target"的view所在的位置。