bk-magic-vue/lib/ui/virtual-render.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-virtual-render{
    position:relative;
  }

		.bk-virtual-render.bk-virtual-content,
		.bk-virtual-render .bk-virtual-content{
      position:absolute;
      left:0;
      top:0;
			bottom:0;
      width:100%;
      height:100%;
    }

		.bk-virtual-render .bk-virtual-section{
      background:transparent;
      width:1px;
    }

.bk-virtual-render.bk-scroll-x{
      overflow-x:auto;
      scrollbar-color:#a0a0a0 transparent;
      scrollbar-width:thin
    }

.bk-virtual-render.bk-scroll-x::-webkit-scrollbar{
        height:8px;
        background-color:transparent;
      }

.bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb{
        border-radius:8px;
        background-color:#a0a0a0;
      }

.bk-virtual-render.bk-scroll-y{
      overflow-y:auto
    }

.bk-virtual-render.bk-scroll-y::-webkit-scrollbar{
        width:8px;
        background-color:transparent;
      }

.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb{
        border-radius:8px;
        background-color:#dcdee5;
      }