1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
| <template> <div class="scrollable-container"></div> </template>
<style> .scrollable-container { max-height: 400px; /* 设置最大高度 */ overflow-y: auto; /* 当内容溢出时显示滚动条 */
/* 隐藏滚动条 */ scrollbar-width: thin; /* Firefox支持 */ scrollbar-color: transparent transparent; /* Firefox支持 */ }
/* Webkit浏览器(如Chrome、Safari)滚动条样式 */ .scrollable-container::-webkit-scrollbar { width: 6px; /* 设置滚动条宽度 */ }
.scrollable-container::-webkit-scrollbar-thumb { background-color: transparent; /* 设置滚动条颜色为透明 */ }
.scrollable-container::-webkit-scrollbar-track { background-color: transparent; /* 设置滚动条轨道颜色为透明 */ } </style>
|