Hidden on Load doesn't hide on load...

Ask the community
,
1

Hi,
I have this website: https://anatbelinson.wixsite.com/dsre
The white strip at the bottom is set to hide on load, and slide up after the page has loaded.
However, when the page opens the strip is showing, then disappears and then slides up. No idea why it shows on load…
Any help will be appreciated!

1279×594 568 KB

2

??? Strange ???

Your code is the following:

let slideOptions = {
	"duration": 2000,
        "delay": 1000,
        "direction": "bottom"};

$w.onReady(function(){
	$w('#columnStrip1').show("slide", slideOptions);
});

The code says -----> “SHOW” the strip, but you want to hide it right?

So what do you want to do? SHOW or HIDE?

Your code should be …

$w.onReady(function(){
	$w('#columnStrip1').hide("slide", slideOptions);
});

and not show(), right? You want to hide and not to show :roll_eyes::grinning:

3

Thanks for replying. What I want is for the strip to be HIDDEN on load, and to SHOW once the page has loaded.

What happens is that there is a second (or more) during load that the strip is showing, it then disappears before sliding in. The problem is the first second that it appears while the page loads.

4

If you want an element to be hidden right from the beginning, then look here…


You can set properties for this element to be hidden right from the beginning.
The second option is to be “COLLAPSED”, right from the beginning.

5

Thank you for taking the time to reply but please notice my original post and see that in the properties panel it is marked hidden on load.
That’s why the title of this post is “hidden on load doesn’t hide on load”…

Vielen Dank!

6

Take a look here, everything works fine for me with your code.
https://russian-dima.wixsite.com/meinewebsite/blank-12

7

it actually doesn’t. the red strip shows for the first second, then disappears. It needs to not show at all on load…

8

fixed (kind of).
Replaced onReady with export function
export function footer1_viewportEnter(event) {