Question

我正在尝试制作自己的滚动条。将鼠标悬停在元素上后，将出现滚动。我准备了一些代码，并且一切正常，但是当我第一次将鼠标悬停在element上时，我看到的是双重文本，但是颜色却是其他的。当我再次将鼠标悬停在元素上时，文本消失了。我粘贴代码和屏幕以使您更好地指出它。 https://imgur.com/a/YIqfwYk

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    -webkit-background-clip: text;
    color: #fff;

    &:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }

    &::-webkit-scrollbar {
        width: .5rem;
    }

    &::-webkit-scrollbar-track {
        display: none;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: .5rem;
        background-color: inherit;
    }
}

Answer 1

问题已解决。我在transition上有all，仅在background上进行过更改后，效果很好

使用自定义滚动条闪烁文字

1 个答案: