uniapp 滚动条组件

明日之后

[JavaScript] 纯文本查看 复制代码

        <scroll-view 
                scroll-y           开启竖直滚动,默认为false
                scroll-x           开启水平滚动,默认为false
                scroll-with-animation 设置滚动条滚动到具体位置时,是否显示过渡动画,默认为false
                scroll-top         设置竖向滚动条位置         
                scroll-left 设置横向滚动条位置
                
                @scrolltoupper         滚动到顶部/左边，会触发 scrolltoupper 事件         
                @scrolltolower  滚动到底部/右边，会触发 scrolltolower 事件         
                @scroll             滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
                
         >
         ...内容
        </scroll-view>

[JavaScript] 纯文本查看 复制代码

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