I'm having some trouble getting around the reason that momentum scrolling is disabled and also pinch zooming is not working for this website http://latamimport.com/ on apple mobile devices such as iPad and iPhones I'm administrating it and I've been requested to get pinch zooming and momentum scrolling to work. I've done several other website and regularly both these features work without any work at all, but I'm very interested in knowing how is it being disabled and how to fix it.
Thanks in advance
Related
I am building a website which works fine on browsers on a laptop but when i start using the same on a mobile browser, i see that the only thing I am able to do on my mobile browser is to double tap to zoom in and be able to click and type.
I am not able to scroll or move the web page around to change the view port.
Has someone experienced the same problem before?
I am using bootstrap for this and the layout is responsive.
Please help.
Thank you
I am developing a mobile application in Phonegap. Everything is working perfectly with a small CSS3 issue. The issue that I am facing is, while scrolling up/down it is scrolling but its not very smooth.
After few days of observation I noticed that I can scroll after second click/drag.
When I scroll/move screen first time on phone, nothing or very little movement is observed. But when I scroll second time, its scrolls very smoothly.
Mostly I feel, its because my phone is expecting second tab/click/touch or something. How do I tell my phone not to wait for double tab while scroll and start scrolling view?
regards
I am converting my website into a responsive design. It is looking excellent, except for one annoying issue. My slideshow keeps on jumping around the website as I scroll on my Android device. It works just fine though on the iPhone, and on the computer.
The script I am using for my slideshow is http://swipejs.com/
Is this a common issue?
I am a complete novice when it comes to website design, but have the task of designing a website for an academic conference. I wanted to design a functional site to which I understood the code behind it. I have managed to do so, but am now having problems with viewing it on a smartphone. When I have checked the website on online simulators such as brick and mobile is seems to work fine. However, when colleagues of mine with smartphones try looking at it, the main content area will not scroll. Does anyone know of a way to resolve this. The url to the website is:
Conference Website
Edit: The problem appears to be on android phones. If you zoom in a tiny bit you can then scroll alright, and if you move to a portrait view rather than a landscape view it is fine, but it will not scroll on a landscape view on an android.
You might want tot try adding viewport meta to your header, ensuring every device sees your site at the optimal width (this eliminates the user having to zoom in on most mobile devices).
You can find some good information for this in the following article: http://www.html5rocks.com/en/mobile/mobifying/
There are some zooming issues with the website on a Samsung Galaxy S2. This has mostly to do with your menu, which is set to 21%.
Furthermore you're setting height on a lot of elements to 100%. You might want to look into that as well.
I am very new to web designing and my site is almost about to be live. http://cloudchowk.com/future/
But I have some serious issues found at the very last moment. When my site is zoomed in or out, the contents are being misaligned at some certain percentage of zoom.
Also my footer gets misaligned to its left when viewed normally in iPad and iPhone.
I think firebug and chrome inspector will help you if you need my code because I don't know what code to insert here specifically.
Any help is much appreciated.
You can't do that for all possible browsers / devices.
There is no programmatic way to lock your site so that no browser will be able to zoom it.