element ui 自帶的滾動條使用
在容器的直接外層添加 （需要展現滾動條的那一級）
<el-scrollbar style="height:100%"></el-scrollbar>
如果
注意添加樣式 height:100%
另外添加全局的樣式
body .el-scrollbar__wrap { overflow-x: hidden; }
實例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <style> .el-scrollbar__wrap{ overflow-x: hidden; } </style> </head> <body> <div id="app"> <div style="height:400px;"> <el-scrollbar style="height:100%"> <div style="width:700px;height:700px;border:solid;" > ....... blabla..... </div> </el-scrollbar> </div> </div> </body> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script> new Vue({ el: '#app', data: function() { return { visible: false } } }) </script> </html>