Answers for "custom scss scrollbars"

CSS
2

css custom scrollbar

::-webkit-scrollbar { } /* Entrie scrollbar*/
::-webkit-scrollbar-track { } /* Scrollbar track */
::-webkit-scrollbar-thumb { } /* Scrollbar thumb */
Posted by: Guest on April-10-2022
0

special custom scrollbar in scss

.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;
      }
    }
Posted by: Guest on March-04-2022

Browse Popular Code Answers by Language