asafdav / ng-scrollbar

A custom scrollbar written in pure AngularJS
MIT License
187 stars 70 forks source link

Show scrollbar on hover #42

Closed ritz078 closed 8 years ago

ritz078 commented 9 years ago

Is there any way to show the scrollbar only on hover ?

asafdav commented 9 years ago

Yes, just extend the css

On Mon, Jun 29, 2015 at 2:28 PM, Ritesh Kumar notifications@github.com wrote:

Is there any way to show the scrollbar only on hover ?

— Reply to this email directly or view it on GitHub https://github.com/asafdav/ng-scrollbar/issues/42.

gayanvirajith commented 9 years ago

Thanks for the great module. It really awesome!

Not sure this is right method, but i managed to show the scrollbar on hover by extending the css class as follows:

/*
 * ng-scrollbar show scrollbar when hover
 */
 .ngsb-wrap .ngsb-scrollbar {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
  transition: opacity .1s linear; // Add bit of transition (todo: browser prefix)
  /* old ie */
}
asafdav commented 9 years ago

Looks great, if you want you can update the README so others can benefit from this.

On Thu, Jul 9, 2015 at 10:54 AM, Gayan Virajith notifications@github.com wrote:

Thanks for the great module. It really awesome!

Not sure this is right method, but i managed to show the scrollbar on hover by extending the css class as follows:

/*

  • ng-scrollbar show scrollbar when hover / .ngsb-wrap .ngsb-scrollbar { width: 16px; height: 100%; top: 0; right: 0; opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; transition: opacity .1s linear; // Add bit of transition (todo: browser prefix) / old ie */ }

— Reply to this email directly or view it on GitHub https://github.com/asafdav/ng-scrollbar/issues/42#issuecomment-119862144 .