On my ipad version of my site, if I scroll down to the bottom of my page, it keeps scrolling till the end of the body is about halfway up the ipad screen, so the top of half of the ipad screen is the end of my content and the bottom half is the default ipad background (gray fabric style background).
Is there any way to disable this?
Related
I have created a responsive powerapp. For the screen I have set it's Height to Max(App.Height, App.DesignHeight) and it's Width to Max(App.Width, App.DesignWidth).
For troubleshooting purposes I added a label that shows the App.Width and App.Height values in my app.
When my app runs on an iOS device in Safari, which I've tried on iPhone 13 and iPad Pro 11", the reported screen size values are larger than the viewable screen in the browser causing the app to have to scroll up and down to see the entire screen. The size that is reported is actually the size of the viewable area in the browser if I collapse the browser bar (the bar with the back/forward button, address bar, etc.) at the top or bottom of the screen. When the browser bar is extended, which seems to be the default, or collapsed, the values for App.Height and App.Width do not change. However, I notice that on other, "longer" websites, the browser bar automatically collapses as I scroll up or down and reappears when I scroll the other direction. My PowerApp is not a scrollable screen and the browser bar never collapses. I'm sure this behavior is probably related to the problem.
Is there something I can do to make sure the App runs within the viewable area of the browser regardless of the state of the browser bar?
On a side note, it works perfectly fine in a browser window on my PC.
When there is an element with position: sticky, and user scrolls down on the page, the sticky element is a few pixels behind -being partially scrolled out of view, and eventually flickers back to the correct position when the scrolling is halted.
The same conditions as the linked issue above (Safari iOS only)
I made a small gif to visualize the issue. Pay attention at the top. There is a clear gap between the header and the top of the viewport. Almost the entire section-title is visible.
iPhone 13 mini iOS 16.1.2.
So, i have a webview in which i load an ad everytime the app starts, this is the first viewController in the main navigation controller and its the one that launches the home viewController after the ad, the problem is, after the splash screen and before the ad is finish loading, the webview is hidden at first and when loaded then is visible, beneath the webview is an uiimage with constraints to fill the entire view. the image is the same as the splash screen (portrait or landscape), but when the transition from the splash intro to the first viewcontroller begin, the imageview looks offset in comparison to the ios splash image, so im guessing it has to do with the status bar at the top? i have tried many combination of constrains and sizes and i cant seem to find a way to achieve a non-jumpy transition from the splash to my first uiimageview filling the whole view.
this is what im trying to achieve.
https://dl.dropboxusercontent.com/u/33305929/intro.png
the whole thing is already done the only problem is the jumpy not perfect transition from the intro splash screen to my uiimageview in the first viewcontroller, any ideas? has anybody faced the same issue, any suggestion is much appreciated. thanks for your time.
note: the uiimageview has constraints for top, bottom, left and right of the layout. i also tried with no constraints with no luck.
So the problem was the resolution of the image that ios was using in the splash screen.
from ipad2 and ipad mini, it should be the normal (768,1024) version of the splash, for ipad Air and retina displays the image for splash is the #2X version.
I found Intel's App-Framework to be light-weight and fast. However, I am facing a problem that I just can't seems to overcome. In the framework, one can display a navbar that 'stick' to the bottom of the screen. This work fine on the browser, WebView in Android and UIWebView in IOS - except on iPhone with 3.5" screen - the navbar just didn't show up. It appears that the screen is too short to show it.
I have tried playing with "viewport" meta tag by setting various 'height' and disabling & changing OS theme. Nothing works. Anyone has experience on this? How do I adjust the navbar position?
As it turns out, it is not the problem of App-Framework; it is the way UIWebView is placed on the view. After correctly setting UIWebView's top and bottom constraints, I am able to see the navbar correctly set at the bottom of the screen.
In my iPad app, i am supporting only portrait mode except on one screen. I have tab bar at bottom, on click of any tab,it opens a small view of size 320.0 * 600.0, with table view. On selecting any row in small view, a full screen view opens up. Problem is that when i came on full screen view which supports all orientations, next time,my other view especially the small view comes up with frame size of 768 * 1024.
Any sugeestions or help is appreciated!
I'm guessing the problem is that you read the frame size while still being in landscape mode. If you are running things in the simulator, it probably jumps back to portrait when you dismiss the full screen? This forces the app back to "portait" mode without triggering the normal "willRotate" functionality, and could possibly mess up your code for keeping track of orientations.
Also keep in mind that most apps needs to support all orientations on the iPad to get accepted, unless you're making e.g. a game which is normally specifically designed for either landscape or portrait.