Has anyone else had the problem of links at the top of a website not being clickable until you scroll down and hide the URL bar? It only seems to happen in Safari iPhone 6 plus landscape view.
Yes! And it it happens on ALL iPhone 6 plus phones. I've experimented with several. I've discovered that the problem is isolated to Safari, so a 3rd party browser will eliminate the problem completely.
Related
This is my first iPhone app (iPhone 5), and it's basically ready to submit to Apple except...
I'm stumped on how to get my app to display on the iPad like it would in compatibility mode if it had a 3.5 inch screen. But it has a 4-inch screen, of course. It's an iPhone 5 app. And Apple has not yet provided a compatibility mode (that I am aware of) that will display the 4-inch screen properly in compatibility mode on the iPad. Instead, compatibility mode distorts and cuts off the 4-inch layout and smushes it into a 3.5-inch compatibility mode box.
I have read all of the stackoverflow Q&A's that I could find, plus many other web pages, tried numerous approaches, but all solutions end up with my iPhone storyboard layout distorted on the iPad and/or nailed to the top left portion of the iPad screen, or both.
I've been banging my head on this for days.
I sure hope someone can help.
You know how 3.5-inch iphone apps look on the ipad in compatibility mode? That is EXACTLY how I want my iPhone 5, 4-inch screen to look on the iPad, but with the 4-inch dimensions. I do not want the app to occupy nearly all of the iPad screen. Just a box that looks like the iphone 5 app, hanging right there centered in the iPad screen. I don't have a problem with figuring out how to connect things to my view controllers, fwiw.
I don't know how to put this any more specifically. If my question is unclear, perhaps someone could help me to restate it? This is NOT a duplicate of other stackoverflow topics I have been able to find. But I'm willing to be corrected.
Hellllp! :-) Thanks in advance for any light you may be able to shed. I'm hoping to avoid starting from scratch to create a usable iPad presentation for my iPhone 5 app.
iPad doesn't work like that. I believe the reason is that the 2x button would not scale properly for the 4 inch screen.
Either way, you need to make sure your app works well for the 3.5 inch screen anyway, this may be a good time to rethink some of the design of your app to make sure it works well in a 3.5 inch screen.
I'm having an issue with lazyload on the iphone 5 and 4s. For some reason, when I scroll down the page, it loads two images in the viewport, when there are 9 in the viewport, then i scroll down, only another 2 images are loaded, and again, etc. When I click the home button and go back to safari on the iphone 5, it then loads all the images in the viewport. I don't have an iphone 5 but i tested it at the apple store, I have an ipad 3 and it works fine on that. If anybody has any experience with this, any help would be greatly appreciated. I'm hoping Mika can chime in on this as well as he's active here too. Thanks!
after fixing some bugs, it appears to be working. had some problems with the viewport other minor css bugs, and now it works perfect.
What causes the flash of white to the right of a responsive design when changing orientation from portrait to landscape on the iPhone with iOS 6?
Try it on Safari for iOS 6:
Websites like this don't do it: http://html5boilerplate.com
But this one does: http://www.initializr.com
Something to do with re-processing (CPU lag) to fit a wider screen?
It doesn't happen in Chrome for iOS6...
For example, I just removed all img from my own testing site and set the background of <body>, <html> etc. to non-white, but it still happens. This seems to happen with a lot of different websites out there, but others are completely immune to it...
Could it be a problem with someone on the website, or an iOS Safari bug?
Thats because of the elements in the header of http://www.initializr.com/ which (dis)appear when changing orientation. It forces the header to resize and the elements below are pushed down. This causes a repaint of the DOM, that causes the short white flash on iOs.
I have developed a web app/website for the iPad but I can not get it stay in a fixed portrait view only.
I do not want it to rotate and work in landscape mode, because of the way the app has been designed.
I've tried various configurations of the viewport settings but that still has not worked.
I'm not very good at JavaScript so a copy paste option would be best or something in CSS/HTML.
Thanks in advance.
Unfortunately, there is no way to explicitly "lock" the orientation of a web-app in Mobile Safari, as you can also see from the link that Alex posted above in the comment:
How do I lock the orientation to portrait mode in a iPhone Web Application?
However, you can have multiple CSS files for different screen orientations. There's a handy JavaScript snippet that you can copy-paste here:
http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
This should at least allow you to design around the rotation without having to use JS but just CSS.
I'm using jqTouch inside a UIWebView of my native iPhone application and many of the pages have very weird "tap-jump" issues.
About 75% of the time that I access a page if I scroll down a bit, and just tap anywhere on the screen, it jumps to the top of the page. If I open that same page in the iPhone Safari browser, it works great every time and no "tap-jump" issue. So it appears to be an issue ONLY within the UIWebView.
I've been spending hours and hours trying different things to figure out why this is happening and I welcome any ideas.
Thanks,
John
It is expected behavior for jQTouch to scrollTo(0,0) on slide left/right navigation. Of course, this will only create a noticeable effect if you tap a link while the page is scrolled (i.e., if the page isn't scrolled, it can't jump).
I don't know why you'd see a difference between UIWebView and Mobile Safari, unless perhaps the UIWebView is shorter than Mobile Safari, which could create the possibility of scrolling in the UIWebView that doesn't exist in Mobile Safari.
My suggestions are:
Make sure you have the latest version of jQTouch (https://github.com/senchalabs/jQTouch)
Make sure you are doing exactly the same testing in UIWebView as you are in Mobile Safari (i.e., if you scroll down prior to tapping in one, do the same in the other).
HTH,
j