Breaking News: Grepper is joining You.com. Read the official announcement!

special custom scrollbar in scss

Matt Miller answered on March 4, 2022 Popularity 8/10 Helpfulness 6/10

answer special custom scrollbar in scss

special custom scrollbar in scss

Comment

    .scrollz{
      padding-bottom: 40px;

      &.nores{
        padding-bottom:0;
      }

      &::-webkit-scrollbar-track { /* Background */
        background: linear-gradient(0deg, #fff 46%, #ccdee8 46%, #ccdee8 56%, #fff 56%);
      }

      &::-webkit-scrollbar { /* Frame */
        height: 22px;
      }

      &::-webkit-scrollbar-thumb:horizontal { /* Slider */
        background-color: #fff;
        border: 2px solid #ccdee8;
        border-radius: 1rem;
        background: url('./../../../../../img/chevron-right-solid.svg'), #f1f1f1 url('./../../../../../img/chevron-left-solid.svg');
        background-repeat: no-repeat, no-repeat;
        background-size: 12px 12px, 12px 12px;
        background-position: calc(100% - 8px) 50%, calc(0% + 8px) 50%;
        width: 58px;
      }
    }

Popularity 8/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css scrollbar

Link to this answer
Share Copy Link

Contributed on Mar 04 2022

Matt Miller

0 Answers Avg Quality 2/10

special custom scrollbar in scss

Contents

More Related Answers

special custom scrollbar in scss

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.