Is it possible to make a web page to scroll up and down just like iPhone does in IE with jquery (or any other js tool that has not issues with jquery)?
Sencha Touch is a mobile UI framework with support for momentum scrolling built in. http://dev.sencha.com/deploy/touch/examples/kitchensink/
Look for the example on lists under user interface on the left menu
Related
As the title states, is there a way to detect if a mobile user is doing a tap and drag with javascript / jquery? Running into a user experience issue where ripple effects I have set on elements is activate while tap & dragging / browsing content on mobile devices.
I would recommend using jQuery touch punch for that.
You have great documentation and lots of events you can hook into for all sorts of tasks.
You can do things like Drag/Drop, Resize and more..
Have a look at JQuery Mobile. It has tap and swipe events.
I've developed a one-page website using Bootstrap. http://cpproject.co.uk/social2/
The website works totally fine on all other devices, responsive and also you can scroll.
However, you can't scroll using the touch screen on Windows Devices and Laptops which have touch screen and using the IE Browser. (Works fine on Chrome on a Touch Laptop)
I can't find anything similar to this. I would really appreciate any help or fixes.
Thanks a lot in advance.
I have 2 horizontal sliders on a mobile web page (This is a mobile web application, not an App). On some android devices with smaller screens (or perhaps just different height/width ratios), just touching the screen activates the vertical scrolling behaviour of the device/browser. This interferes with the ability to use the horizontal sliders - the browser 'thinks' the user wants to scroll up and down but actually they need to drag a slider handle left and right.
Is there a way to prevent the vertical scrolling behaviour on a touch event within a slider handle and then have it renabled on touch up? Does the Webkit stock browser on Android 4.0.4 support this?
I'm creating a Flash Air application for desktop. The goal is to create an app that opens up a webpage, shows virtual keyboard and duplicates the behaviour of scrolling like in iOS browser : you scroll with your finger - not with the scrollbar.
As I'm creating it on desktop, I need to scroll it with the mouse.The application is nearly complete. I'm connecting webpage with Air application using StageWebViewBridge. Now I need to create touch screen effect for scroll.
To do that - I need JavaScript. Can anyoone suggest something ?
Here's the reference : http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/list
PS : This is Sencha framework - suited for mobile devices. I need that kind of dragging scroll on my desctop device!
If you're looking for the same kind of scrolling like in iOS you should search for momentum scrolling. You'll find, for example, those JavaScript libraries "iScroll" and "Scrollability". Take a look, how they manage the scrolling.
Also interesting is this article on how scrolling on iOS works:
http://ariya.ofilabs.com/2011/10/flick-list-with-its-momentum-scrolling-and-deceleration.html
Hope this helps, and happy refactoring. ;)
I'm building a draggable timeline of sorts for a new project using some simple jquery ui features and have run into a problem regarding mobile devices.
Namely, drag and drop just doesn't work on touch screen devices like that. I've noticed any video players you pull up run proprietary plugins on your phone so moving the timeline around is not an issue. But, seeing as I'm not really doing video, I was hoping for some sort of work around.
Thoughts?
You could try to use JQuery Mobile Drag and Drop
See here for some documentation.
NOTE Using JQuery mobile will work on some phones, but not all phones. Older Blackberries, HTC Phones, and many other ones cannot handle many JQuery Mobile calls. Look at this page for more information on compatability