some body help me~~
My Issue is this
IOS is Normal operation. but upgrade ios11 a bug broke out.
Scroll down quickly, My header menu hide, and scroll end than menu show.
My header is 'position:fixed;top:0;left:0;width:100%;height:50px;' had property.
Why does this happen?
i tried css edit and meta tag change...
Same problem.
Application develop with cordova and using uiwebview on ios.
The css fixed elements have strange comportement : Hide, hide on scroll.
Try to look at this : https://ayogo.com/blog/ios11-viewport/
If it could fix
<meta name="viewport" content="..., viewport-fit=cover">
Related
I put terms and condition in popover to show it for users.
When popover present part of content visible not all content and can not scroll to show all content.
After searching I find this issue here. and try their solution but not work
I solve this issue via adding all content in
<ion-list> inside <ion-content>
On iOS7.1 you can hide Safari's toolbars with something like
<meta name="viewport"
content="width=device-width,
target-densitydpi=160dpi,
initial-scale=1.0,
maximum-scale=1,
user-scalable=no,
minimal-ui">
This is great. If the user scrolls or click the top of the window the toolbars appear. if they click the content the toolbars disappear
But on iOS8 clicking either the top OR THE BOTTOM brings up the toolbars and they NEVER GO AWAY. This completely ruins my webapp
Is there a workaround for both of these issues?
Make it so clicking the bottom does NOT bring up the toolbar. In my web app I have buttons at the bottom.
Make it so clicking the connect removes the toolbar. With so much of the screen taken up by UI chrome my app doesn't have space to work
I would suggest read this post iOS 8 removed "minimal-ui" viewport property, are there other "soft fullscreen" solutions? and the question should be more specific (iOS8 only in old iOS devices <=5S), because, in iOS into the iPhone6 and iPhone6 Plus have a different behavior, it's not possible to open the toolbar if you tab in the bottom of the screen.
If you're referring to the frosted bar at the bottom with four tools (send page, multiple window option, etc.) then sometimes if you hold your finger on the middle of the screen and scroll up (moving the page up) about one inch then that bar disappears.
We are facing an... interesting issue. This is specifically happening on iOS 7 in Safari when you tap on an anchor or input element.
Currently we have "-webkit-tap-highlight-color" for iOS < 7 to disable the gray box around the link on tap. We also want to remove this border in iOS 7. Setting outline to 0 or none doesn't get rid of it either.
There doesn't appear to be anything mentioned in the new Safari in
Apple's docs.
The site is househappy.org
Anyone dealt with this yet? Ideas, suggestions? Thanks!
This was happening to me and it had to do with the meta tag allowing zoom
Applying a meta tag to disable zoom solved my problem (user-scalable = no)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Here is the context of my problem :
I have a client application (ObjC)calling a player.jsp file located on the server (Java), to display it in my application in an UIWebView. The Java application is a web application which displays learning formations and i have to build an application to display these contents on an iPad.
The player in the web app uses iframes to display the content, and in my iPad application, i'm just loading this player in my UIWebView and it works, but with some sizing problems.
This player can open any type of files but I'm focusing only on HTML files.
The problem is when i switch to Landscape orientation, the content isn't resized as it should be and i can't scroll either.
When i launch the application in landscape, the size is good. Then i can switch in portrait and the resize is also done. The problem occurs only from portrait to landscape (the width is actually good but the height is too high and i can't scroll... it's not resized to the size of the launch of the app in landscape mode)
I've been searching for an answer for couple days now, been reading that adding :
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
into the header of my HTML files would help, but it actually doesn't. It actually even does no difference at all.
Any ideas ? Thanks
I had a similar issue, not resizing but rotation issues in general and this seemed to fix it
iOS Orientation Issues
I know its not the best help, but it didnt solve some rotatin issues aswell as resizing!
I have developed an PhoneGap based app for IPhone which works very good. The app uses IPhone PhoneGap plugin called ChildBrowser. The plugin works superb but it lacked 2 features which I wanted to code myself in objective-c to fulfill my need.
There has to be some function which can execute JavaScript on WebView loaded page. I have done it and it's working.
There is a need of a function that take 2 parameters (x and y co-ordinates) and zoom in the webpage inside webview as soon as it's finished loading.
I can create te function and all JS stuff but I am not sure how to actually perform zoom-in/pinch-out programmatically. I read about ScrollView but I am not getting it how can I get it to work with WebView. Is there any property to method in WebView (I see no) which can zoom-in the webpage?
Actually, UIWebViews are zoomable by default.
You can try and check whether you have this line in your html file:
<meta name = "viewport" content = "user-scalable = no">
this will prevent zooming.
As to your first question, you can execute JS through (look here):
–stringByEvaluatingJavaScriptFromString:
and if you want to trigger some behavior when the UIWebView finished loading, then you can use the UIWebView's delegate:
– webViewDidFinishLoad:
I believe the zoom feature of the webview should be enabled or not according what you put in the viewport meta tag of the html page header.
<meta name="viewport" content="width=320, user-scalable=no">
will prevent the webview to allow zooming, you can learn more about it here