uniapp 滚动条组件

梦里梦外; 2021-07-24 16:16 1235阅读 0赞 
  1. <scroll-view 
  2.         scroll-y       开启竖直滚动,默认为false
  3.         scroll-x       开启水平滚动,默认为false
  4.         scroll-with-animation 设置滚动条滚动到具体位置时,是否显示过渡动画,默认为false
  5.         scroll-top     设置竖向滚动条位置     
  6.         scroll-left 设置横向滚动条位置
  8.         @scrolltoupper     滚动到顶部/左边，会触发 scrolltoupper 事件     
  9.         @scrolltolower  滚动到底部/右边，会触发 scrolltolower 事件     
  10.         @scroll         滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
  12.      >
  13.      ...内容
  14.     </scroll-view>

文档
代码示例:

  1. <template>
  2.     <view class='pics'>
  4.         <scroll-view class='left' scroll-y >
  5.             <view :class='number==index?active:""' v-for="(item,index) in tits" :key='index' @click="leftHandle(index)">{ { item}}</view>
  6.         </scroll-view>
  8.     </view>
  9. </template>

发表评论

表情：
评论列表 （有 0 条评论，1235人围观）

还没有评论，来说两句吧...

相关阅读