Scrollbar

Matches Arco Scrollbar's embed use case with themed neutral thumbs. See the Element Plus docs for props.

Fixed-height Area

A fixed-height area contains a longer list; always keeps the scrollbar visible.

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

Item 13

Item 14

Item 15

Item 16

Item 17

Item 18

Item 19

Item 20

<template>
  <el-scrollbar height="240px" always style="width: 100%">
    <p v-for="item in 20" :key="item" style="padding: 12px 16px">Item {{ item }}</p>
  </el-scrollbar>
</template>

Differences from Arco

• Thumb length is calculated by Element Plus from container and content sizes and can differ from Arco.