i use phonegap, jqtouch and iScoll for a iphone app.
I load some content via ajax into a div container. After that, sometimes all elements blurred and sometimes not.
Strangely after i make a swap (-webkit-transform: perspective(800);) between pages, all looks sharp.
Is there any solution for my problem?
Thanks Kevin
and sorry for the bas english
I hit a similar problem. The advice here helped...
https://groups.google.com/forum/#!topic/iscroll/DuZ5I-77fxo
Related
The question is simple I've tried several different techniques like re-ordering scripts being called in the DOM, removed 100% height from the body and html element in my css; but none of it worked.
My site won't scroll down the page on iPhone or iPad and I can't seem to figure out why. It will scroll a few hundred pixels down the page and then freezes.
I've run an audit in chrome and tightened up as much as I could but, i've checked the timeline but don't see any resources hogging the bandwidth that might cause the page to just freeze like this.
Here is the public facing link (sandbox) I have going on.
https://cloud.spinsys.com/sky/marketing-v3/index.html
Obviously to reproduce the error you'll have to view on an iPad or iPhone or any tablet that you might try it on to see if it works on those.
Has anyone encountered an issue with their site not scrolling on an iPad or iPhone?
It is a responsive site and it's of major importance that I get this fixed.
Any advice, help, suggestions would be most helpful, thanks to the S.O. community upfront.
The problem was the skrollr.js library. I have removed it and the page scrolls fine on iPad and iPhone.
I have this site here paoladi.com and the it looks weird on iPhone and iPad...if I increase the height on the wrapper div, its fixes my problem, but then I am stuck with a ton of white space. What would be the best way to do this? I am thinking I will have to create a new css for iphone and another for ipad and use $_SERVER['HTTP_USER_AGENT'] to detect if they are using an iphone and ipad and style my site? It sounds like it will take awhile..is there a better way to do this?
Hi
I am developing an ipad Magazine app where I need to display pdf files.I am using leaves project for page curl effect.This works great.
But in landscape page fits to height(768px) and it becomes difficult to read the font.
Thats why I want to support zoom in/out on this view.
I am a newbie to Core Graphics.I think in leaves project they parse pdf to show image of each page.But I dont know why zoom is not supported if it is an image.
There are some more branches of leaves project for implementing this feature but all of them are not perfect.
Shall I continue using leaves or UIViewAnimationTransitionCurlUp/Down will help me for both the problems?
Thanks
here is the code for your requirement. check out this
You can refer this tutorial. Provided by APPLE
Hope it helps.
I am developing phonegap app in iphone,after successfully viewing pdf file
(from server) on new HTML page,the vertical scrollbar get disable ,even i get back to the
list page ,the list does not get scroll,this happen only if i run the app directly in
simulator (not from xcode),any one know ,how to resolve this issue.
thanks in advance.
regards,
mayur
To display pdf in phonegap, have lots of trouble, but best solution so far,is to used ChildBrowser Plugin for phonegap here is the link-
https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
this will help you to call child native uiwebview in your application(only for iphone), so you can easily enjoy pinch zoom feature, even the app scrollbar does not get disable,
it works fine!
I have a website that looks fine when viewed in Safari on an iPhone. In iOS3.x you can save it as an icon to the Home Screen and it opens fine.
But in iOS4, while it still looks the correct width in Safari, if you open it direct from a Home Screen icon then it's too wide.
I've spent a couple of hours fiddling with various settings of the viewport meta tag, and CSS tweaks, but no joy. Can anyone see what's wrong, or why it would be different in iOS4 vs iOS3?
EDIT:
I tested it, and something is definetely wrong. I can't help you here, but it probably has something to do with your CSS.
Original answer:
That's because iPhone automatically saves the current zoom level of the website when you create a web-clip to your home-screen. Make sure you zoom all the way out before creating the web-clip if you don't want this to happen.
I looked at your CSS and you are defining the width a set px. Try using "width:100%" in your divs (wrapper, window, main, etc...) instead of a set px. Of course this means you will have to "recognize" the device and send a different css if its anything other than a webview on the iphone.
For now just test the 100%, if it works then you can start to look at redirecting css depending on device that is viewing the page.
Hope this makes sense, if not let me know.
FYI - this is driving me nuts. My homescreen link worked absolutely fine with vn 3 and now it's broken.
I'm sure this is a bug... will respond if/when I figure out a fix.