I created a Twitter widget on a dedicated Html file. I plugged it into an app by calling the specific URL.
When I call this URL in Safari mobile browser and when I access to this page in the app (throug a webview), I observe that the scrolling is not smooth at all!
I tried to call the same URL on an Android device and the scrolling in the browser was smooth.
Someone knows how to manage this issue on iPhone?
Thanks
Seb
Haven't had a chance to test this yet, but adding this to your main CSS file should work. You may or may not have to identify what div it's nested in.
.timeline-Viewport {
-webkit-overflow-scrolling: touch;
}
Related
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
I have a strange issue in phonegap framework. I want to display PDF file in my application, when I am trying to add PDF file with iFrame tag it doesn't show a PDF with horizontal scroll and with a big zoom size. so getting out of screen.
I tried by another way using embed tag, its also having same problem with addition to that its showing PDF for only first time in the application.
If anybody know how to display a PDF in phonegap with specified zoom level or with scroll bar. Above code is working fine in iPhone mobile safari, but not in phonegap. Any Idea?
Thanks.
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
Using Phonegap you'll have only one UIWebView so probably the best idea is to open the pdf as a new object link using rel=external
Other suggestion is look at the view-port size, maybe you'll have to increase it's size to allow the pinch and zoom.
I have a simple "drag to draw" doodle style HTML5/canvas implementation which uses the 'mousemove' event on the canvas. E.g.:
canvas.addEventListener( 'mousemove', drawingFunction, false );
This works fine on, say, Safari or FF on the desktop. However, when run on an iPhone, dragging only scrolls the webview around the screen.
Note that I've also tried out several other HTML5 drag-to-draw applets with Safari on the iPhone, and so far, they all seem to fail the same way.
Is it not possible to separate drag/mousemove events on the canvas from webview scroll events?
Thanks for any advice!
I ~think~ I found the solution:
http://www.bennadel.com/blog/1867-Drawing-On-The-iPhone-Canvas-With-jQuery-And-ColdFusion.htm
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!
So I just made my web-application "iPhone Friendly". So you can add it to your home screen and it has an icon, no chroming, etc etc.
The problem is that I want to display a custom splash-screen every time it is opened from the iPhone home screen. Right now it just shows the last screen viewed while it basically runs a refresh.
I have tried attaching events to window.onfocus, window.onblur, window.onbeforeunload, and NONE of them seem to work right when the app is being run in "mobile-app" mode.
Am I being dumb? Er.... don't answer that. Does anyone know what is wrong?
Unfortunately, with the restrictions Apple imposes, this is impossible.
My recommendation is to create a App Store application with a full-screen WebView. Then, you can use a default.png file and a ImageView for your splash screen. Also, you get a ton more visibility on the App Store. (Also, if you go this route, check out PhoneGap - http://phonegap.com/).
Update!! In the iPhone 3.0 update, mobile safari now supports the ability to specify an image to be used on startup:
Remember this only works with iPhones that are running 3.0+
The loading screen you are talking about is the loading screen for an APPLICATION, not a webpage, i.e its the loading screen for Safari. This has nothing to do with "the restrictions Apple imposes", just with the fact that because your web app still runs in the browser, the browser needs to load first. Like was also said, if you want to get around this you need to build your own app, in which you can specify the splash screen.
Are you using this?
<meta name="apple-mobile-web-app-capable" content="yes" />
If yes, it should refresh every time when you exit the web app and enter again. It will NOT show the last screen viewed. Hence you can show your splash-screen every time when it is opened. In another words, you should show a full screen div / image every time when you load the page.