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.
Related
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
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.
I'm working on a wordpress website that uses the fullpage.js plugin.
My main goal is to make it go fullscreen on iOS devices, latest versions are the main targets. By making it go fullscreen I mean getting rid of the ugly top and bottom bars, as you can see on this picture, in landscape mode those bars take up more than 25% of the space.
I've tried this, but of course all browsers are compatible except safari iOS.
I've also tried all tips I found on here like including the meta "apple-mobile-web-app-capable" but nothing seems to work.
On Apple devices in Safari, getting rid of the anchors option of fullPage.js will do the trick.
Not sure about other mobile phones or browsers, but it is well known browsers don't provide a way to deal with those bars and therefore there won't be much you can do about it.
I've been using Chaps Link Timeline and it works well on all devices except on apple devices running iOS7. The problem is in the new iOS that is causing the lag. Basically scrolling (swiping left/right) on timeline is very laggy. Tested on both safari and chrome on an iPad.
How can I fix lag in new iOS?
Timeline:
https://github.com/almende/chap-links-library/tree/master/js/src/timeline
Github Issue:
https://github.com/almende/chap-links-library/issues/239
Online Demo:
http://almende.github.io/chap-links-library/js/timeline/examples/example01_basis.html
More Demos:
http://almende.github.io/chap-links-library/timeline.html
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.