No Joe did it the other day on Youtube using impact slide, impact animation, target and foundation animation, target was set for for the browser, just inside the foundation animation stack the time delay for the slider and the animation to fade out as the animation faded out another animation using fade up in, took the place of the previous stack gliding to the top of the page.
I think the problem lies with Target because on every other platform it fades out and then comes back and the scroll bar doesn’t move the content up or down.
if you look at my home page on any other platform but Safari, you will see what I mean, it needs code to stop the target from freezing the website. Not sure if this makes sense. https:/www.dernalandscapes.uk
Hi Joe on the webpage fade out you did recently, I have used it on my site and it works great in Safari, but on all the other platforms that I have tried it freezes with target bringing the fade out back and blocking all other content. I am sure there must be a work around this to stop it happening as it is such a cool transition, especially for mobiles.
I am Just assuming that it is Target causing this.
Does the demo file the I supplied work for you? Publish it and test. I am pretty sure that it does. Then you simply need to figure out what you did differently. One thing that I see if that you are using a slide instead of a fade animation. I am not sure if that would cause an issue or not.
Hi Joe you didn’t supply me with a demo file I was trying to copy what you were doing, stopping the video and double checking , but I do tend to skip read from a kid, so maybe i missed a trick if you could give me a link to it I will se if that solves the problem, if thats ok?
Hi Joe Just downloaded the demo and previewed it in all three, fire fox, opera, and chrome and they all do exactly the same as mine on fade and slide, so not sure what is going on. I did look around for some code and it made a difference to the other content working, but still under the Target stack which is fixed to the browser. It seems to me that it needs some code to fade out the target stack. Whether its my computer which is Mac (Retina 5K, 27-inch, 2017) 3.4 GHz Quad-Core Intel Core i5 Radeon Pro 570 4 GB
Graham
No one got any Ideas then, I love the concept as it shows what we do straight off, unfortunately it leaves a very messy page as it bleeds through, me what do I know I am just a landscaper! but One of you talented guys must have a work around?
Is this a place to get help, perhaps, I am not seeing but can some please show me Joe’s web page fadeout working on a different platform than Safari it works brilliant in Safari, but when I tested Joe’s demo on different platforms it behaved the same as mine froze after initially fading out the page was back pinned to the browser. Ive used some code that gets mine working but it’s a complete mess bleeding through, I have tried adding a a background to the follow up page but that doesn’t seem to work. Do I really have to ditch all this and go to Wordpress. I don’t want to I like to overcome the odds it’s what makes me tick. Come on guy’s.
This is a place to get help but everyone provides it voluntarily when they have time so I’m not sure demanding help is the best way to get the outcome you want.
I can confirm that Joes demo doesn’t work on Opera or Chrome. You could always try Softlanding which works fine for me for a single Impact slide but doesn’t seem to behave when you have more than one.