how to enable/add scrollbar in android phonegap? - javascript

I created dynamic list using android phonegap application.Now I want to add scrollbar for that list. I used html and javascript/jquery for creating dynamic list in android phonegap application.how to add scrollbar dynamically to that list?
Is it possible add scrollbar in android phonegap application?
please guide me
Thanks in advance

Mobile WebKit (iOS and Android, etc) does not provide a native way to scroll content inside a fixed width/height element, but many libraries can help you with that issue.
I use the iScroll to scroll the content in my PhoneGap app. It's a very lightweight framework, only focuses on the scroll problem of mobile WebKit browser or WebViews, and it works perfect.
Here is a simple example.

Related

pagePiling.js pp-scrollable not working for mobile devices

there
I have been using the pagePiling.js library for creating a scrollable website, and used the pp-scrollable class for allowing scroll for contents that are huge so that the user can scroll through the section content before moving on to another section.
The functionality is working fine on desktop browsers but isn't working on mobile browsers.
Has anyone had any similar issues with the plugins, if so please any help or tips is welcome.
Thanks,

Prevent orientation change in touch devices with javascript

I am developing a mobile web app. Is it possible to prevent orientation change? I want only portrait view. I was looking for some JavaScript solution, but could not find one. I am just using jQuery (no jQuery mobile). Thanks in advance.

page transition like iphone app feedly on phonegap

Can anybody recommend a plugin,css3 or javascript library which will allow me to implement the same page transition (scroll up&down) as the iphone app Feedly?
To be used in phonegap as html5 app.
jquery mobile didn't work will
I don't quite get what your asking for ?
As in the style of Titlebar and Tab Bar ? They can be achieved natively using Phonegap plugins - a google for that will find it pretty quick.
Otherwise for natural touch based slides between pages I recommend IOS Slider as it works well.
http://iosscripts.com/iosslider/
If this helped upvote or accept as the answer.

Smooth scrolling on windows Phone 7 mobile site

I am creating a mobile webapp for windows phone 7.5 devices and would like a box with overflow:scroll to scroll smoothly (not stop when you release the content on scrolling with your finger).
Now for iOS this exists: -webkit-overflow-scrolling:touch;
Is there any similar thing for WP7? I tried overflow-scrolling:touch; and -ms-overflow-scrolling:touch; but those do not work.
Is there an online resource for WP7.5 web development?
Any javascript alternative?
Thanks for your help!
I believe the only way to do it is using a JavaScript Scrolling to replace the default auto scroll.
Take a look at iScroll or something similar

iOS Linen background CSS?

Is it possible to customize the linen background shown when you scroll past the end/top of the page in mobile safari via CSS/Javascript?
I know it can be done via Obj C, but Im not developing an application, Im developing a website in native mobile safari for the web.
Is it possible? If so how?
There is no way to customize this background.
The only workaround I can think of is to disable scrolling by preventDefault()-ing the various touch events on window and implement your own scrolling.

Categories

Resources