Implementing custom scrollbar

Question

I am quite new in Angular world. I am working on an application which involves Angular JS. I've been confronted with the requirement to implement custom scrollbar. My application does have jQuery too, but so far most part of my project uses Angular. So should I be using some jQuery widget or implement it via Angular.

If Angular, can you provide me pointers on how should I proceed?

flsilva · Accepted Answer · 2014-01-07 04:32:42Z

5

You should probably implement it in the Angular way, i.e., building / using a custom Angular's directive:

http://docs.angularjs.org/guide/directive

Learning resources for Angular:

https://github.com/jmcunningham/AngularJS-Learning

You can always use jQuery plugins / widgets in an Angular app, but in that case the best way is to encapsulate each plugin within a directive. Angular-UI is a project which does that for several components, including Twitter Bootstrap:

http://angular-ui.github.io/

I'm aware of angular-perfect-scrollbar, a simple Angular's directive for perfect-scrollbar, but haven't tested it yet:

https://github.com/itsdrewmiller/angular-perfect-scrollbar

http://www.yuiazu.net/perfect-scrollbar/

edited Jan 7, 2014 at 4:32

answered Jan 7, 2014 at 4:26

flsilva

1111 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gromo Over a year ago

Let me add one more scrollbar to the list - jQuery Scrollbar which has integration with AngularJS

Langdon · Accepted Answer · 2013-05-30 19:34:46Z

3

Depending on what your requirements are, you can style your scrollbars strictly in CSS and not need any JavaScript:

http://css-tricks.com/custom-scrollbars-in-webkit/

answered May 30, 2013 at 19:34

Langdon

20.1k18 gold badges90 silver badges108 bronze badges

2 Comments

Anup Vasudeva Over a year ago

Thanks Langdon. But seems it's meant for webkits only and won't work in IE. Any other option?

Langdon Over a year ago

@AnupVasudeva There's no equivalent in FireFox (see stackoverflow.com/questions/6165472/…). For IE, you have a limited subset (see msdn.microsoft.com/en-us/library/ff974092%28v=vs.85%29.aspx)

Collectives™ on Stack Overflow

Implementing custom scrollbar

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related