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
Related
I'm building this website with cargo collective and I'm having problems with the scroll of some pages, especially this one:
https://civitonia.cargo.site/26993899
After speaking with them they told me that is a problem related to the css and that they cannot put their hands on it. I can't figure out what's the problem about the scroll.
Does anyone knows what's the problem behind it?
try to change your browser, i use chrome and firefox in mobile mode scroll is working , and i'm try in my handphone scroll is wornking,my phone POCO X3 PRO
This page is giving a horizontal scroll on mobile devices, but it shouldn't. Also when I'm testing it offline, it is working fine. even Chrome simulator is showing fine. As soon as I put it in github or anywhere else, it's getting this horizontal scroll. Please help me to spot what is causing it. Thanks.
https://bluebugx.github.io/public-assets/
I have a html site which works well on any device which uses a mouse or scrollwheel. However when I test on mobile, my site scrolls smoothly for a certain amount of time, and pauses at the bottom of a section as if it has reached the bottom of the page.
After about half a second the site works as usual, but if I scroll back up the page the same issue occurs.
I have tried adding webkit-overflow-scrolling to all classes and most of the resolutions to this problem I find are based on this methodology. But It's not fixing things in my case.
If it helps, when I scroll to the point where the site pauses, chrome's (mobile) toolbar disappears as if I have reached the bottom of the page and swiped it away.
I'm working on a web application that was not built with responsive design, so the mobile experience is not very good for users. Nonetheless, users still use the site on mobile devices. When a particular page in the app is rendered on a mobile device, a vertical scroll bar appears, which seems to be totally normal (viewing the same page in a desktop browser also has a vertical scroll bar). The issue is that when the user on the mobile device tries to scroll to the bottom to press the submit button, the page jumps back to the very top. More specifically, the user touches and drags the screen so that the bottom of the page comes into view, and as soon as they lift their finger from the screen, the page jumps back to the top, preventing them from being able to press the submit button because it becomes hidden from view. I've hooked up my iPhone 5s to my Mac and used Desktop Safari to set up remote debugging. That hasn't helped much yet. I noticed that changing the device orientation makes the issue go away. More specifically, the issue happens in both portrait and landscape orientation. However, if you load the page in one orientation and then switch to the other orientation, the issue seems to go away. I also noticed that setting an explicit height on one of the container divs in the CSS seems to fix the issue, despite the CSS rule being ultimately overridden by the browser (I think). When I set the height, though, the page renders a little differently because the content seems more zoomed out and no vertical scroll bar appears.
I've searched around the web for a while and have not found anything useful. I found two SO posts about similar issues, and one had no answer and the other had a junk answer that should've been a comment.
Basically what I'm looking for is for someone that has some amount of experience developing for the mobile web to give me some possible avenues to travel down to solve this thing the right way. I don't want a hacky solution and I'm not necessarily looking for you to tell me what code to write. I just want to get to the bottom of what would cause the page to jerk like that.
Thanks in advance :)
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