scss 滚动到顶部样式表

Posted 2021-05-18

.scroll-to-top
    {
        position: fixed;
        z-index: 99;
        right: 1.5rem;
        bottom: 0;

        display: block;

        width: 7.6rem;
        height: 7.6rem;

        transition: all 300ms;

        opacity: 0;
        border-radius: 50%;
        background-color: white;
        background-image: url(../img/scrollarrow.png);
        background-repeat: no-repeat;
        background-position: center center;
        .scrolled &
        {
            bottom: 1.5rem;

            opacity: 1;
        }
    }