scroll-view组件

  <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:滚动时触发

猜你喜欢

转载自www.cnblogs.com/shangjun6/p/10871516.html