ngx-mat-hover-scroll

NgxMatHoverScroll

HoverScroll

An Angular Directive to enable hover on scroll.

Features

• Use custom class for Scroll.
• Custom control over enable disable X and Y axis scroll.

Setup

• import { NgxMatHoverScrollModule } from 'ngx-mat-hover-scroll';

Sample Code

 <div ngx-HoverScroll  [className]="'custom-scroll'" class="list">
    <div  class="cards" *ngFor="let fruit of fruits">
      <div class="card">
        <div class="cardData">

          {{fruit}}
        </div>
      </div>
    </div>
</div>

.custom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: #c9c9c9;
  border-radius: 2px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgb(112, 112, 112);
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(110, 110, 110);
}

Properties

scrollType Property

This library was generated with Angular CLI version 11.2.14.