I checked a bit everywhere on internet but couldn't find a solution to my problem.
Skrollr is not working properly on mobile on my page : http://ocelyn.com/travel/tism/
I tried to put a #skrollr-body element a bit everywhere in my page but I always get an issue. Do you have any idea why this issue?
I'm using the last version of Skrollr.
Best,
Jocelyn
I have been able to fix most of the issue by myself, now Skrollr works but when I try to scroll to the bottom it will stop at some point same as it was missing some pixels to reach the bottom.
I'm not sure but I think it's the equivalent of the height of the screen.
If you have some idea I would appreciate to hear about it,
UPDATE 14/09/05, finally I found a dirty way to fix this issue :
setTimeout(function(){
skrollr.refresh(document.body);
},400);
I just force skrollr to refresh after the loading of the page and it's fine.
Best,
Jocelyn
Related
I found out that there's lot of answers regarding this but all of the solution gives the smooth scrolling effect and I don't need that. It's so annoying to the eyes.
Can someone suggest me some different solution to it?
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I have a problem displaying the mobile menu. Here is the page http://www.hawaiiluaus.com/contact.htm
When you minimize the screen you can see the menu showing up very little bit, indicating it must be some sort of z-index issues. I tried a few solutions but it still did not work. I would appreciate any tips for this issue. thanks!
I have been playing around with skrollr for awhile but I am getting stuck when trying to get it to consistently work well on mobile devices, I like how the demo works really well on mobile.
So, how is this implemented to get the desired result, if this is what I need at all? I also don't want to use the skrollr-body container as this causes other problems.
My test page is http://www.dalebailey.co.uk/idesignpixels/logo_test_2.html on mobiles this works but seems to screw up after orientation change or refresh.
I'm using angular-loading-bar that I have modified with a veil that dims out the background while data is being loaded. Everything seems to work great, but how can I disable the page while the veil is showing? I can't seem to find what I'm looking for. If someone has done something like this and would like to share or point me in the right direction that would be awesome! Thanks!
Are you trying to find this solution which i have linked with it. If it is the right solution then great or let me know i would try to resolve it for you just check out here
here