I'm creating a web page with some scrolling effects. Here I used skrollr plugin. But, I'm having some problems on mobile browsers. Specially on chorme.
The web page works great on desktop browsers but the page is not scrollable at all on mobile browsers.
Visit this link on a mobile chrome browser :
http://www.geniusamigos.com/mystuff/vr3/4.html
Is this a common problem or it's just me ?
Thanks...
Related
My page in blogger website works fine except in the mobile browsers.
The page is here.
Basically, It's a text generator script that is perfectly fine and working but only on desktops not on mobile browsers but when I shift the mode from mobile to desktop browser in the android phone using chrome app it loads the script but in the mobile mode, it's not working at all.
I was wondering if there is any way to fix this.
I'm working on a webpage which scrolls good in chrome but in firefox it doesn't work good.
Below is the link of that webpage
https://chayenu.org/app2/
In this web page when you scroll down to "Explore The App
" section and there if you scroll up it works fine in chrome and scrolls up but not in firefox.
It works well in FireFox. May be you are using older version. Try to update browser.
For some reason my website only renders properly on mobile devices?http://www.brandsondigital.com is built using a wordpress theme named beatrix http://simpleqode.com/preview/beatrix/1.0.1/default/index.html - using bootstrap and other scripts. It now doesn't render properly on desktops - fine on mobile devices? Any idea of where the conflict is that is causing this and how to resolve?
p.s It was fine in browsers desktop and mobile until the beginning of this week (firefox gave in months earlier but it was bearable). The placement of the content is knocked out of position on chrome and firefox but not safari. Lifting the bottom content to the top of the page and not showing the full page content.
This is margin collapse
Try to add overflow:hidden; and clear:both on .section
I make a website in php at backend and HTML,CSS at frontend.Now the requirement is to make it compatible for also mobile.I am thinking to use JqueryMobile but I am confuse that same layout work for both or make different for both.
Is layout make by JqueryMobile cover both ends?Is I make separately JqueryMobile layout?
According to the jQuery Mobile description:
jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
Then, the same layout will work in both mobile and desktop browsers. Despite that, you should consider how your website looks in desktop browsers if you want to provide different functionalities in each platform.
See here.
jQuery mobile works for both mobile and desktop, but whether or not it looks good on mobile will also depend on your layout in CSS.
I am working on a website and the homepage is very javascript/jQuery heavy. Because of this there are all sorts of issues on mobile devices when loading the page. Mobile Safari crashes and on other devices the page freezes completely.
I would like to know if it is possible to disable an external javascript file, if the website detects that you are using a mobile device.
You have two main choices:
At the beginning of the external javascript file, check what kind of device you're on and skip executing the rest of the file if desired.
Don't statically load the javascript file. Instead, check what kind of device and then dynamically load the JS file if not on a mobile device.
That said, what you really ought to do is fix your javascript because there's no reason you can't have javascript that works on both desktop and mobile devices. If mobile Safari is crashing that's because you have issues in your JS that you should fix, not because you can't run JS on mobile Safari.
Thank you for the response, I will probably try option 1. The problem is that it is using a parallax scrolling effect via Stellar.js which I have heard does not work well with mobile browsers since scrolling works differently.