html - 使滚动条可见并仅在特定的 div 中自定义它(即在左侧菜单中)

Question

我的左侧菜单具有 overflow-y: scroll 属性集和固定高度(小于整个页面的高度)。我希望滚动条始终只在这个左侧菜单中可见。尝试使用 -webkit-scrollbar 和 -webkit-scrollbar-thumb 但它适用于整个页面(但不适用于左侧菜单)。

Answer 1

我刚才不得不做类似的事情。我推荐使用 SASS/SCSS，它更容易制作 CSS 选择器。

无论如何，要使其生效，您必须指定将具有自定义滚动条的元素。

CSS

.div-class::-webkit-scrollbar {
    // custom scrollbar here
}}

SCSS

.div-class {
    &::webkit-scrollbar {
        // custom scrollbar here
    }
    &::-webkit-scrollbar-thumb {
        // etc etc
    }
}

希望这对您有所帮助!