[Vuejs]-CSS scrollbar in vuescroll library is not working properly

by

0👍

Hi! I solved the problem by uninstalling the library and using css scrollbar instead.Here is the solution for making scroll:

.carousel {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block !important;
  padding-bottom: $spacing-09;
  white-space: nowrap;
  scroll-behavior: smooth;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  .featured-item {
    display: inline-block;
    width: calc((#{$column-width-mobile} + #{$column-gap-mobile}) * 11);
    white-space: normal;
    vertical-align: top;
    margin-right: calc(#{$column-gap-mobile} * 2);
  }
}
#wrapper {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  ::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 30px;
  }
  ::-webkit-scrollbar-track {
    background: rgba(163, 172, 188, 0.2);
  }
}

Leave a comment