My website has a ajax interaction that brings up a full-bleed modal that is suppose to scroll scrolls.
go to www.morningharwood.com/works
Click on a project
go into a project
The Project modal will open up.
Unfortunately scrolling will no work on touch. To note the page scrolls just fine if you press and drag from the on the projects' hero image.
Does anyone know what would prevent scrolling on mobile touch?
Related
Managed to convert my website to PWA, everything works fine but a small issue with Install Banner pop-up.
The banner appear on the bottom, as it should, but disappears when user scroll page down, then comes back if he is again up the top of the page.
is there any way to fix it or is it a feature of banner?
This is the website:
https://clicktoplay.ru/
It is a feature of the banner. The mini-info bar will only be shown the first time a user visits the page, and won't be shown again for about 90 days.
If you'd like to add your own custom install experience, you can do that by listening for the beforeinstallprompt event, and showing a button or other custom install promo.
Currently i am using Html 5 video, when i click on full screen button it eventually disturb the scroll position. Automatically, the scroll position point to the top.
I have created a scenario, it's working fine on the Firefox browser however the scroll get disturb when i use the chrome browser.
Note: Please scroll to mid before tapping on maximize button of the video
Please click on the below link for watching the demo.
Demo is here
`enter code here`http://jsfiddle.net/1re7jkLf/
I have a html site which works well on any device which uses a mouse or scrollwheel. However when I test on mobile, my site scrolls smoothly for a certain amount of time, and pauses at the bottom of a section as if it has reached the bottom of the page.
After about half a second the site works as usual, but if I scroll back up the page the same issue occurs.
I have tried adding webkit-overflow-scrolling to all classes and most of the resolutions to this problem I find are based on this methodology. But It's not fixing things in my case.
If it helps, when I scroll to the point where the site pauses, chrome's (mobile) toolbar disappears as if I have reached the bottom of the page and swiped it away.
We're having a in issue when our mobile navbar is triggered. Our mobile login button in the mobile navbar can't call the modal. It's effectively the same call being made as in the regular desktop and tablet button, but It does not trigger. The other Navbar buttons on Mobile that do work are anchor's that make modal Hrefs. We've tried a similar thing with the login button trying to call the modal to no avail. Anyone have any Ideas? We need the login modal to be callable from a mobile button, or the whole thing isn't any good for our mobile storefront.
Upon further Inspection it seems that the issue comes from ui-kit's responsiveness.
Can anyone think of what could be done to enable it to appear on screens below 980 pixels
OKay, at long last I know what the issue was. It turns out that due to a quirk of the original design I was not here for. the login was placed inside the desktop navbar. This navbar disappears when we head on down to mobile sizes. I had to move the login modal outside of the navbar to get it functional.
I am using Lightbox inside a magnific popup (Dialog with CSS animation).
The lightbox images are places inside the magnific popup, and when you SCROLLED down and opened an image, when you click the arrows to go to the next or prev image the screen pops up to the top of the magnific popup. This doesn't happen when using arrows on your keyboard to navigate through pictures. So what is the difference between clickng on your mouse and clicking on your keyboard? And how do i fix this? You can find the bug here http://www.mot08.hr/ostalo.html Click on one of "Više" then scroll down, open an image, and try to click with your mouse the arrows to navigate through images.
Thank you for your time & have a great day.