>>>.el-tabs--card {
height: calc(100vh - 110px);
}
>>>.el-tab-pane {
height: calc(100vh - 110px);
overflow-y: auto;
}
>>>::-webkit-scrollbar {
width: 0 !important;
}
>>> ::-webkit-scrollbar {
width: 0 !important;height: 0;
}
el-tabs ,header固定+main取消滚动条
最新推荐文章于 2024-07-31 15:31:25 发布
这篇博客主要讨论了如何使用CSS设置元素的高度为视口高度减去特定值,并实现滚动条隐藏。通过`.el-tabs--card`和`.el-tab-pane`类,设置了元素的内联样式,包括`height`属性和`overflow-y`属性,确保内容区域适配页面并隐藏滚动条。同时,针对Webkit浏览器,进一步细化了滚动条的隐藏效果,确保在各种环境下的一致性。
摘要由CSDN通过智能技术生成