i am developing a homepage needed in a webview for an app for both iOS and Android.
I am having some problems with finding a javascript scroll function that works in webview.
I have tried window.scroll(), window.scrollTo() and scrollIntoView() and all works fine when i test them in chrome on my computer but none of them work in the webview.
Can anyone help me finding out how to scroll in a webview?
Thank you in advance!
Related
window.scrollTo(0,0) not work in google app script web app on the ios phone or ipad
window.scrollTo() not working
window.scrollTo(0,0)
I use vue as front-end and google app script as backend, and when I deploy front-end application to google app script, window.scrollTo(x,y) is work in desktop website and Android phone, but it can't work on ios mobile, I don't know what's wrong with it, I guess the wrong is about IFRAME in google app script.
This is my website:
https://script.google.com/macros/s/AKfycbwc4Fk_CxhXio3MC4hTrAkcpAGrnDGxFikbG6p0kQoAUoYnyFw/exec
Use iphone or Ipad and Click Start, In the bottom have "Next Area" button, and click it can't scroll to top
Anyone know how to solve this problem?
swiper.js content misplaced when keyboard appears on android webview.
this is page 2,the icons are misplace
I have try use min-height to fix, but it didnt work, and I want to know how to fix or how I can know the layout of the web on wechat app
I have requesting fullscreen mode through javascript fullscreen API with this library Screenfull.js. This is working pretty good in my webapp on mobile devices with mobile chrome. But why is not working scroll function at all?
Is this just truly bug of browser? If yes have you tried somebody figure it somehow ?
I have tried make function separately with iscroll but on mobile devices is really slow and not smooth at all.
Thanks for any advice
did you tried with chrome emulator or with a phone? sometimes chrome just go crazy!
close al task and restart!
and why do you need to use screenfull for your mobile app? :/
well i tried with emulator, and when the browser use the fullscreen the scroll doesnt work. I think that library is not good idea for mobile...
My app is based on AngularJS 1.2.3. The application is enabled as a web app for iOS. The app contains back buttons with onclick handlers with the following code
history.length && history.back()
I've also tried using history.go(-1) as well. Problem is, the browser doesn't navigate back in history in Safari on iOS, or when the app is saved to the home screen as a web app. One thing i find weird however is that it works fine in Chrome on Safari, as Chrome actually is the Safari browser engine.
I know it have worked before, but doesn't anymore for some reason. The iPad is running iOS 7.0.4.
If you are using AppCache history.back will not work on iOS7 (check http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/).
So if that's the problem, the easiest solution is to disable AppCache.
I'm having a bit a of problem with a navigation not working as it should. If you view the following site on a non-mobile browser, you'll get an idea on how the navigation should function.
www.snottrocket.com
The problem is with mobile platforms. I've viewed this site on an android phone and iPad and it doesn't work as it does in a desktop browser. I do recall that it worked fine with the android before but it may be that the phone's browser has been updated or something.
I thought that maybe it had to do with URL masking but I'm not sure. Essentially, this site lives in a directory under another website and uses URL masking to display snottrocket.com in the url window. This is done with an iFrame but i'm not sure if it's the reason.
I'm assuming the other reason may be the JS code for the scrolling functionality.
Either way, i'm kind of stuck. Anyone want to take a crack at it and tell me what I'm missing or how to solve it?
Thanks in advance.