2013-05-30 38 views
3

我在Angular世界中颇为新颖。我正在研究一个涉及Angular JS的应用程序。我一直面临着实现自定义滚动条的要求。我的应用程序也有jQuery,但到目前为止,我的项目大部分都使用Angular。所以我应该使用一些jQuery小部件或通过Angular实现它。实现自定义滚动条

如果Angular,你能提供一些我应该如何继续的指针吗?

回答

5

你或许应该实现它的角方式,即建筑/使用定制角的指令:

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

的角度学习资源:

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

您可以在Angular应用程序中始终使用jQuery插件/小部件,但在这种情况下,最好的方法是将每个插件封装在指令中。角UI是一个项目,该项目确实,对于一些部件,包括Twitter的引导:

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

我知道角度完美,滚动条,一个简单的角度的指令完美,滚动的,但还没有测试它尚未:

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

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

+0

让我再添加一个滚动条到列表中 - [ jQuery Scrollbar](https://github.com/gromo/jquery.scrollbar)与AngularJS集成 – Gromo

3

根据您的要求是什么,你能严格的风格你的滚动条在CSS和需要任何JavaScript:

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

+1

感谢兰登。但似乎它只适用于webkit,并且在IE中不起作用。还有其他选择吗? –

+0

@AnupVasudeva在FireFox中没有等价物(请参阅http://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox)。对于IE,您有一个有限的子集(请参阅http://msdn.microsoft.com/en-us/library/ff974092%28v=vs.85%29.aspx) – Langdon