Fixed header and footer glitch on scrolling and misbehave content scroll on IOS only, it will work fine on android and safari browser
I have use sticky header and fixed footer on App.
Related
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.
In iOS Safari, when we have a fixed header and scrollable content under it, when we scroll, the input is properly hidden by the header but the blinking cursor remains over it.
Reproduced in iOS 9.2.1 and 9.3 beta
Here is the code, to test in iOS safari
[http://jsbin.com/hoxuxu/edit?html,css,js,output]
I have a site on Django-CMS and Bootstrap 3, and it has a problem on iPhone - content of the site fits the screen, but I can scroll horizontally and there is a lot of empty space to the right of the content. On desktop safari it works fine.
shrink-to-fit=no in meta "viewport" didn't solve the problem.
i have a div fixed to wrap, and in this div i have a sticky header fixed to top,
sticky header work well on android and pc ,
but not working in IOS .
Js Fiddle : http://jsfiddle.net/k2R3G/452/
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.