2013-05-30 78 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