More than 5 years have passed since last update.

Chromeでスクロールバーを細くする

Last updated at 2015-01-31Posted at 2015-01-31

scss

.narrow-scrollbar {
    &::-webkit-scrollbar {
        overflow:hidden;
        width:1px;
        background:#fafafa;

        &:horizontal {
            height:1px;
        }
    }

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

    &::-webkit-scrollbar-piece {
            background:#eee;
            &:start {
                    background:#eee;
            }
    }

    &::-webkit-scrollbar-thumb {
            background:#333;
    }

    &::-webkit-scrollbar-corner {
            background:#333;
    }
}

参考:

Webkit独自拡張でスクロールバーのデザインを変更する｜ Developers.IO http://dev.classmethod.jp/client-side/webkit-scrollbar-design/

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up