前端滚动组件分享

分享一个前端可视化常用的卡片列表滚动组件,常用于可视化项目左右两侧的卡片列表的滚动。效果如下图所示:

前端滚动组件分享_第1张图片

组件描述
  1. 当鼠标移入滚动区域时,滚动行为停止当鼠标再次离开时,滚动继续
源码展示




使用指南

import CustomScroll from '../components/customScroll.vue';

export default {
  name: 'Home',
  components: {
    CustomScroll,
  },
}


属性说明
属性 属性值 类型
speed 设置滚动速度,默认50 Number

你可能感兴趣的:(前端)