0

I've a web application based on AngularJS which runs on mobile phone. I've screens that have scrollbars. But I want these scrollbars to look like a standard mobile scrollbars.

For example, see the scrollbars used inside facebook.com. Iam looking for scrolbars like these.

Thanks

Improve this question

3 Answers 3

Reset to default
1

Try ng-scrollbar which is pure AngularJS coded.

Tired of using jquery for a stupid scrollbar? well, this directive is just for you.

A custom scrollbar written in pure AngularJS.

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

Thanks @Gromo, this is a wonderful option, I was able to see this on mobile browser, but I could not scroll the area in mobile device. :( Can you please suggest a solution? Your help is really appreciated. Thanks again :)
I didn't work with this plugin, but, as I can see from its source code and by behavior, it does not support mobile touch events. It works only with mouse wheel events. For mobile devices you can use custom scrollbars with pure CSS - it will work with mobile chrome and safari (most of android/apple devices).
Really impressive scrollbars. Unfortunately, works only with webkit based browsers :( . So, it wont work with FireFox or Windows platforms dont know about blackberry. I really really wish if all the browsers had this feature. This is infact a thing to be done via CSS.
0

Have a look at this: Slimscroll JQuery plugin: http://rocha.la/jQuery-slimScroll

Improve this answer

8 Comments

Thanks, BUT im not using jQuery, I am only using AngularJS and I am looking for an option that is not based on jQuery.
You could have a look at slimScrolls code and translate that to angular's jqLite. But looking at the amount of dom manipulation, I think it would be easier using jQuery.
Yes. Or else is there a javascript based library (which is NOT based on jQuery or any other library) that does this?
@TempOrary Why not jQuery-based solution? Angular works perfectly with jQuery, and even more - Angular uses jQuery for DOM objects if it's included. Maybe you do not want to use $(document).ready or $(window).load, don't you? If so, you can try jQuery plugins that integrated with Angular as directive, for example jQuery Scrollbar.
Thanks @Gromo, I checked this in my android mobile web browser. But it did not work. I could not see the scrollbars. So, this will not work. Request you to suggest another solution that will work on mobile/tablet and desktop devices consistently.
|
0

I found an awesome JavaScript lib that does all more than scroll and because their modules are broken up functionally, developers only need to use the one that fits their need thereby reducing the net time.

It works on mobile and across platforms as well.

No dependency on any other library as well (like jQuery or AngularJS).

Check this out iScroll.

Appreciations to iScroll team !

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.