rcx-virtual-list/index.css

Maximum performance for extremely large lists.<br/> Animation of elements is supported.

.rcxvl {
    position: relative;
    display: block;
    width: 400px;
    overflow: hidden;
}

.rcxvl.horizontal {
    height: 48px;
}

.rcxvl.vertical {
    height: 320px;
}

.rcxvl.horizontal .ngvl__list {
    display: inline-flex;
}

.rcxvl.horizontal .ngvl__scroller {
    overflow: auto hidden;
}

.rcxvl.vertical .ngvl__scroller {
    overflow: hidden auto;
}

.rcxvl__list-snapper {
    pointer-events: none;
    position: absolute;
    list-style: none;
    left: 0;
    top: 0;
    z-index: 1;
}

.rcxvl__scroller {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.rcxvl__list {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
}

.ngvl__list-snapper {
    pointer-events: none;
    position: absolute;
    list-style: none;
    left: 0;
    top: 0;
    z-index: 1;
}

.rcxvl__item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.rcxvl__item-container {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    width: inherit;
    height: inherit;
}