滚动条vue-perfect-scrollbar
1.install
1
|
npm install vue-perfect-scrollbar |
2、
<template> <div class="father"> <VuePerfectScrollbar class="scroll"> <div class="box"> <p>323232232</p> <p>323232232</p> <p>323232232</p> <p>323232232</p> <p>323232232</p> <p>323232232</p> </div> </VuePerfectScrollbar> </div> </template> <script> import VuePerfectScrollbar from 'vue-perfect-scrollbar' export default { name: 'scrollBar', data () { return {} }, components: { VuePerfectScrollbar } } </script> <style> /* 父系一个高度 */ .father { width: 200px; height: 100%; } /* 滚动条一个高度 */ .scroll { height: 200px; } </style>