scroll-view组件

本文深入探讨了微信小程序<scroll-view>组件的特性与使用方法,包括scroll-x、scroll-y等属性及bindscrolltoupper等事件的详细解释。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  <scroll-view></scroll-view>  组件

  这个组件的属性:(是要不说属性值,写不写都可以(建议不写))

    scroll-x:允许横向滚动  (如果你设这个属性就想让他滚动,太天真了,所以设一个样式 white-space:nowrap 不允许元素换行,他的子元素还要设 display:inline-block 才可以)

    scroll-y:允许纵向滚动  (微信对他很友好)

    upper-threshold:距离左边/顶部的时候触发 scrolltoupper 事件  属性值:字符串   100 每个事件都需要用bind/catch绑定(bind冒泡,catch不冒泡)

    lower-threshold:距离右边/底部的时候触发 scrolltolower 事件  属性值:字符串  lower-threshold="100"

    scroll-top:设置竖向滚动条的位置

    scroll-left:设置横向滚动条的位置

    scroll-into-view:滚动到指定元素的位置  属性值:指定元素的id值;

    scroll-width-animation:设置滚动的过渡

    enable-back-to-top(了解):ios单击顶部状态栏,安卓双击标题栏时,返回顶部,(仅竖向滚动有效)

  可以触发的三个事件

    bindscrolltoupper:滚动到左边/顶部触发

    bindscrolltolower:滚动到右边/底部触发

    bindscroll:滚动时触发

转载于:https://www.cnblogs.com/shangjun6/p/10871516.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值