Website wont scroll only on android devices - javascript

While trying to develop a website for a friend, I found out that it would not scroll on android devices, but It does scroll on iphones, ipads, windows phones, etc... I have already checked for body overflow:hidden but that does not seem to solve the problem. Any thoughts? Thank you in advance for your time!
Here is the link: http://www.ifcinternationaltrade.com/CesarCuadros/index.html

Related

How do you trigger landscape fullscreen in iOS Safari?

There are a million resources out there explaining that iOS browsers don't support the fullscreen web API.
But I know there is a way to do landscape fullscreen on iOS. See these examples:
https://poki.com/en/g/stick-merge
https://www.google.com/doodles/doodle-champion-island-games-begin
When you go to those pages, they tell you to rotate your phone to landscape, and once you do - the entire phone UI is gone. True fullscreen.
I just can't figure out what's the API for doing that.
I just figured it out. Boy do I feel silly.
There is no API.
Just browse to any page on Safari iOS, rotate your phone to landscape, and bam, you're in fullscreen mode.

Site is not scrolling in mobile. Using JS and CSS

This Site is not scrolling in mobile. I'm using Nexus 5 with android 6.0
Please assist me.
Thanks!

Website is not scrolling on Windows Touch Devices

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.

Why is website [entire body element] not displaying full width on iOS devices?

I have searched a lot of answers to similar questions, but nothing has fixed my issue.
Here is the site: dev.thekarmagames.com
The width and responsiveness work fine when simulating phone and iPad screens on computer, but something goes wrong when displaying directly in mobile Safari and Chrome on iOS devices.
Here is what it looks like on iOS:
I've tried manipulating CSS, editing/removing JavaScript, and experimenting with viewport settings. Nothing seems to work.
I could really need a lead that will set me in the right direction, and I'll happily share the solution with everyone once I find it.

Dissable javascript parallax effect for mobile devices

I have a site with a parallax effect. I want to disable this javascript for mobile devices. In antoher post I saw a link to the site: http://detectmobilebrowsers.com/
I post my javascript for parallax on:
http://pastie.org/5024950
The problem is, that it works just the opposit. On my desktop pc I have no parallax and on the mobile devices it is! What do I have to change so it works the opposit way?
Thanks already.
The following article from Viget should cover your requirements.
Managing JavaScript on Responsive Websites
I find the parallax effect doesn't work that good on iOS devices including iPads because of the way scrolling is registered at the end of the scroll and not during. So screen size doesn't really work as a check.

Categories