实现自定义滚动条

Question

我在Angular世界很新。我正在开发一个涉及Angular JS的应用程序。我一直面临着实现自定义滚动条的要求。我的应用程序也有jQuery，但到目前为止，我的项目的大部分都使用Angular。我应该使用一些jQuery小部件还是通过Angular实现它。

如果是Angular，您能否提供我应该如何处理的指示？

Answer 1

你应该以Angular的方式实现它，即构建/使用自定义的Angular指令：

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

为Angular学习资源：

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

你总是可以在Angular应用程序中使用jQuery插件/小部件，但在这种情况下，最好的方法是将每个插件封装在一个指令中。 Angular-UI是一个为多个组件执行此操作的项目，包括Twitter Bootstrap：

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

我知道angular-perfect-scrollbar，一个简单的Angular指令用于完美滚动条，但尚未测试它：

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

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

Answer 2

根据您的要求，您可以严格使用CSS设置滚动条的样式，而不需要任何JavaScript：

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