Javascript - Mobile Swipe Scrolling - javascript

I am trying to implement some type of touch based scrolling with Javascript. I have found a few options, this and this, but neither work on Windows Phone 7 devices. My website is primarily for my Windows Phone apps, so they will not work. Is there any way to do this?

Check out jQuery's Mobile UI. It has been built specifically for mobile devices. Plus you can also use it as a wrapper to present you content in a mobile friendly way.
http://jquerymobile.com/

Related

Capturing scroll events on third party websites?

I am trying to compare scrolling behavior on a mobile vs desktop website. The plan is to let participants scroll on a mobile phone and desktop in a lab respectively for x minutes. Therefore, I have full control over the devices.
How do I capture the scrolling events on third-party websites such as Reddit? Google Chrome has a feature called performance insights to track user behavior, but it does not record scrolling.
What are some viable alternatives to record the scrolling of users on mobile and desktop?
I think the simplest way is to create a bookmarklet that injects a tracking script into the website you want to track.

Is JqueryMobile layout run on both web and mobile

I make a website in php at backend and HTML,CSS at frontend.Now the requirement is to make it compatible for also mobile.I am thinking to use JqueryMobile but I am confuse that same layout work for both or make different for both.
Is layout make by JqueryMobile cover both ends?Is I make separately JqueryMobile layout?
According to the jQuery Mobile description:
jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
Then, the same layout will work in both mobile and desktop browsers. Despite that, you should consider how your website looks in desktop browsers if you want to provide different functionalities in each platform.
See here.
jQuery mobile works for both mobile and desktop, but whether or not it looks good on mobile will also depend on your layout in CSS.

how to programmatically create a desktop shortcut for a website on android/ios with js?

is there a way to let the user add a desktop shortcut of a website with just javascript or a simple link? I mean on mobile devices, especially android and ios.
There are other questions similar to this but they didn't give me a useful answer till now.
I don't know about android, but on iOS no. I'm not sure why you would want to do this anyway in mobile safari it's as simple as clicking the share button in the tool bar and the click "add to home screen"

How to make UI in PhoneGap, jQuery Mobile good?

I'm new to PhoneGap. I created a sample application using ponegap and jquery mobile which contain some button and few other form elements. While I installed in my mobile(Samsung Ace), i feel the UI of button and few other form elements are not looking good. Cornering in button is not perfect.
I'm using the following
cordova-2.9.0.jar
jquery-2.0.3.min.js
jquery.mobile-1.3.2.min.js
jquery.mobile-1.3.2.min.css
Am i missing anything? Please help me.How to make the UI look and feel good?
Thanks
To make UI in Phonegap, jQuery Mobile is good, but not the best. If You want the best result in performance and UI then you'll have to use Sencha Touch. Please visit this Link it may be helpful to you.
I would suggest to use ThemeRoller to get your UI in jQuerymobile framework
Check the following link
http://jquerymobile.com/themeroller/index.php
Speaking for myself, I've used jQuery Mobile with Phonegap, and I'm fairly happy with it. I don't think the problem you're having with the corners is jquery mobile, but rather related to whatever emulator program you're using; they work fine for me on various resolutions on my laptop, tablet, s3 & iphone, even when I zoom out/in between 25% and 500% on chrome using ripple.
To make a nicer interface, you can use jQuery Mobile's ThemeRoller.
jQuery Mobile framework is not important for phonegap app, you can customize your own styles using normal HTML and CSS (CSS3 also).

Android : Scrolling is disabled?

In my android application i used some html pages with various details, it can be viewed perfectly in browser(i.e- we can scroll up & down). But the same page can't have scrolling option in android and it can't move (i.e- it became static)
Is it on android version 2.2 or lower...well then scroll bar don't work in that version. For that you'll have to use a plugin like iscroll. check here http://cubiq.org/iscroll
I know its pathetic that a basic feature like scroll is not working but its a bug in adroid.

Categories