2013-05-30 4 views
3

Я совершенно новый в Угловом мире. Я работаю над приложением, которое включает Angular JS. Я столкнулся с требованием реализовать пользовательскую полосу прокрутки. У моего приложения тоже есть jQuery, но до сих пор большая часть моего проекта использует Angular. Поэтому я должен использовать некоторый виджет jQuery или реализовать его через Angular.Реализация пользовательской прокрутки

Если угловой, вы можете указать мне, как я должен действовать?

ответ

5

Вы, вероятно, следует реализовать в угловом способом, то есть, строительство/с использованием директива пользовательских угловых в:

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

Учебные ресурсы для Угловая:

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

Вы всегда можете использовать плагины/виджеты jQuery в приложении Angular, но в этом случае лучшим способом является инкапсуляция каждого плагина в директиву. Угловой-UI это проект, который делает это для нескольких компонентов, в том числе Twitter Bootstrap:

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

Я знаю углового несовершенного-скроллинг, директива с помощью простого ANGULAR для идеального-скроллинга, но не тестировал еще:

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

Благодаря Лэнгдон. Но похоже, что это предназначено только для веб-китов и не будет работать в 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

Смежные вопросы