2013-05-30 5 views
3

저는 각도 세계에서 아주 새로 왔습니다. Angular JS와 관련된 응용 프로그램을 작성 중입니다. 필자는 맞춤 스크롤바를 구현해야한다는 요구에 직면 해 왔습니다. 내 응용 프로그램에도 jQuery가 있지만 지금까지는 대부분 내 프로젝트에서 Angular를 사용합니다. 그래서 일부 jQuery 위젯을 사용하거나 Angular를 통해 구현해야합니다.사용자 정의 스크롤바 구현

각도 인 경우 진행 방법에 대한 조언을 제공해 주시겠습니까? 자바 스크립트를

답변

5

사용자 정의 각도의 지침 : 각도에 대한

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

학습 자원 :

Angular app에서는 항상 jQuery 플러그인/위젯을 사용할 수 있지만,이 경우 가장 좋은 방법은 지시어 내에서 각 플러그인을 캡슐화하는 것입니다. 각도-UI는 트위터 부트 스트랩을 포함한 여러 구성 요소에 대한 것을 수행하는 프로젝트입니다 :

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

나는 각 완벽한-스크롤, 완벽한-스크롤에 대한 간단한 각도의 지시 알고 있어요,하지만이 아직 테스트 :

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

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

+0

목록에 스크롤바를 하나 추가하겠습니다. - [ jQuery Scrollbar] (AngelsJS와 통합되어있는 https://github.com/gromo/jquery.scrollbar) – Gromo

3

요구 사항이 무엇인지에 따라 CSS에서 엄격하게 스크롤바 스타일을 할 수 있으며 필요가 없습니다 : 당신은 아마, 각 방법 즉, 건물/사용하여 그것을 구현해야

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

관련 문제