iPhone / iPad disables interaction with links after Javascript scroll on page - javascript

I am using a Javascript to have a link in my fixed header scroll the view down to a certain place on the page. Just an animated scroll basically.
When the page loads, all is fine and the link scrolls the page down. From then on, the buttons in the header do not work until the page in manually scrolled, even a tiny amount, by the user. After the content had been moved by the user, all the buttons work again.
Works as expected on Windows 7 using IE9, Chrome, FF, Safari and Opera; fails on Samsung GT-I9000 Android 2.6.32.9; fails on iPad and iPhone with iOS 5.1.1.
Any ideas? Thanks.

Related

how to make mouse scroll compatible to all browsers?

I'm working on a webpage which scrolls good in chrome but in firefox it doesn't work good.
Below is the link of that webpage
https://chayenu.org/app2/
In this web page when you scroll down to "Explore The App
" section and there if you scroll up it works fine in chrome and scrolls up but not in firefox.
It works well in FireFox. May be you are using older version. Try to update browser.

Click inside iframe, embed or object does not work on safari

I am pulling a 3rd party bookings system on a WordPress page. I used iFrame initially and it works fine on chrome browser and on Android phones, but it doesn't work on Safari (iPhone as well as mac). I tried as well as
This is what I currently have on my page:
<div><object style="overflow: auto!important; -webkit-overflow-scrolling: touch!important;" data="https://www.ultimoht.net.au/webappointment/PatientDetails.aspx?DentalOfficeID=3614545" type="text/html" width="100%" height="800px"> </object></div>
The problem with safari is, it won't let user select a date on the page. May be the problem is the touch event.
When I open data link directly on the safari browser it works fine, it only causes an issue when it is inside an iframe or embed or object.
As far as I can see it works for me on both my mac and iPhone with no problem running Safari 12 on mac. The first time it took a few clicks on mobile but it is working.

How can I keep an element on the bottom of the page when keyboard is opened on iOS and android?

I have a button in a webpage that I want at the bottom of the page. I want this button at the bottom of page no matter where scroll is. The problem is the standard css of bottom: 0px;position:fixed; does not work when the keyboard is up.
Right now we are using ion-footer-bar but that only keeps the button on top of the keyboard on android. When the keyboard gets pulled up for ios it does not get moved up. Anyone have any workarounds for this?
For applications using Cordova you can do the following:
This is due to the fact that on Android the WebView shrinks when the keyboard and on iOS it does not (by default). So iOS is you can put the following code somewhere in the initialization of your app and it should behave the same on iOS as it does on Android.
cordova.plugins.Keyboard.shrinkView(false);
This function does not work on Android, so you don't have to worry about it there.

iOS safari different than iOS desktop shortcut to same website

I made a webapp that has a spinner while the login form is submitted using javascript, the spinner stays on the page until the page switches. I have tested this with Safari, Chrome, Firefox on an actual computer, on Chrome and a Desktop shortcut on android, and with a desktop shortcut and on Safari for iOS.
On Safari for iOS the spinner disappears after only a second even if the login takes 2-3 seconds, but on the same device if I use the Desktop shortcut it will stay the entire time. Is there a reason that I am getting different functionality from the same webapp from the same device?

Fancybox Dialog Not Working on iPad

Reference web site: http://www.doneupsalon.com
Fancybox 2 works fine on Safari and other modern browsers. However, when viewing on the iPad and clicking a menu link (i.e. Services) the overlay appears (screen dims) but the dialog does not appear. Did I miss a configuration setting? Thanks in advance for your help.

Categories