vue+elementUi实现y轴自适应F12上下伸缩覆盖elementUi官方文档没有此组件的说明scrollbar

Posted 2022-04-30 web半晨

目录

• 1、HTML
• 2、css
• 3、不用此组件导致的问题

---

1、html

<div class="scrollbar_box">
	<el-scrollbar class="scrollbar">
  		<div>内容</div>
	</el-scrollbar>
</div>

---

2、css

.scrollbar_box 
	width: 100%;
	height: 100vh;
	background-color: #edeff2;


.scrollbar 
	width: 100%;
	background-color: #fff;
	border-radius: 12px;
	margin: 16px;

---

3、不用此组件导致的问题

当页面有table标签或其他内容时，F12窗上下拉伸table不会跟着被拉伸。当添加scrollbar组件后就能轻松解决此问题。