微信小程序的视图容器-- scroll-view

最新推荐文章于 2024-08-14 09:00:32 发布
最新推荐文章于 2024-08-14 09:00:32 发布
阅读量1.1k 收藏
点赞数
文章标签： 博为峰 微信小程序 视图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bwf_erg/article/details/72156262
版权
本文介绍了微信小程序中scroll-view组件的使用，包括在.wxml文件中的配置，如设置scroll-y属性为true允许纵向滚动，以及bindscrolltoupper事件监听滚动到顶部。在.wxss文件中，通过设置固定高度实现竖直滚动效果。每个view有不同的背景颜色，当滚动到顶部时，js文件中的changeP方法会被触发并在控制台打印信息。
摘要由CSDN通过智能技术生成

scroll-view:可滚动视图区域

 

属性名

类型

默认值

说明

scroll-x

Boolean

false

允许横向滚动

scroll-y

Boolean

false

允许纵向滚动

upper-threshold

Number

50
最低0.47元/天 解锁文章
bwf_erg
关注
微信小程序视图容器scroll-view
weixin_48952990的博客
07-01 129
微信小程序视图容器scroll-view使用
微信小程序开发中scroll-view左右滑动布局
09-17
微信小程序开发中scroll-view实现左右滑动时的布局样式,样式的编写，欢迎大家参考和提意见微信小程序开发中scroll-view实现左右滑动时的布局样式,样式的编写，欢迎大家参考和提意见
微信小程序scroll-view组件
2301_76669854的博客
04-16 1311
当一个容器内容很多时，若容器无法显示完整内容，则可通过滚动操作查看所有内容 在微信小程序中scroll-view组件可以实现滚动效果
微信小程序中实现自动滚动
最新发布
qq_42931285的博客
08-14 452
微信小程序中实现自动滚动
微信小程序开发系列（十二）·屏幕滚动scroll-view 组件的使用
热门推荐
时光の尘的博客
03-02 1万+
网页中的滚动条效果，用户可以通过手指滑动或者点击滚动条来滚动内容。scroll-view:可滚动视图区域,适用于需要滚动展示内容的场景,用于在小程序中实现类似于。在微信想小程序中如果想实现内容滚动，需要使用 scroll-view 组件。① scroll-x： 允许横向滚动。② scroll-y： 允许纵向滚动。框住部分能够上下滚动。
【微信小程序】组件篇 -- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
JMFive的博客
02-23 6212
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第6篇文章;今天开始学习微信小程序的第三天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉。
微信小程序开发 scroll-view
weixin_39725702的博客
05-21 304
问题：微信小程序中使用scroll-view滚动页面效果，设置触底滚动无效 **解决：**必须给scroll-view组件设置height
微信小程序scroll-view组件实现滚动动画
08-28
微信小程序 scroll-view 组件是一种常用的滚动容器组件，通过设置 scroll-into-view 和 scroll-with-animation 属性可以实现滚动动画效果。在本文中，我们将详细介绍如何使用 scroll-view 组件实现滚动动画，并提供...
微信小程序-scroll-view横向滚动和上拉加载
03-29
今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。先看最终效果。横向滚动1.设置滚动项display：i ...       最近刚好在集中scroll-view的文章和跳坑指南；  今天介绍微信小程序...
微信小程序中scroll-view中不设定高度实现自动滚动
09-17
### 微信小程序中scroll-view实现自动滚动及高度自适应 #### 一、问题背景与需求分析 在微信小程序开发过程中，经常会遇到需要使用`scroll-view`组件来展示可滚动内容的需求。通常情况下，为了使`scroll-view`能够...
微信小程序踩坑之scroll-view
weixin_44667590的博客
06-19 565
scroll-view与fixed同时使用的问题
学习微信小程序 - scroll-view组件
weixin_48040227的博客
12-13 160
scroll-view组件
微信小程序实现锚点效果 scroll-view的scroll-into-view属性
FaxMiao的博客
06-06 4447
小程序中实现锚点效果，可以直接使用scroll-view的scroll-into-view属性就可以实现锚点效果，比较方便简单。那么需要用到scroll-view那些参数呢，下面具体讲讲：效果展示： wxml **注意：**viewid值是动态的，通过setData设置即可。js wxss......
微信小程序scroll-view的scroll-into-view和vanUI的tabs标签结合使用
黎小小的博客
12-14 992
背景：当tabs下的tab切换时，scroll-view滑动到对应的位置。scroll-into-view的值必须是动态值，即tab切换后的值。js:clickTab点击切换后更改动态的viewId才能正常切换。van-tab的name属性代表标签名称，作为匹配的标识符。van-tabs和scroll-view标签分开编写。
微信小程序scroll-view滑动组件使用
R·ZORO的博客
05-05 595
/
微信小程序_(视图)简单的scroll-view容器
weixin_30751947的博客
08-06 124
scroll-view容器效果　　官方文档：传送门 　　 scroll-view　　可滚动视图区域 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时（单位...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值