Managing header behaviour

Ask the community
,
1

My site (www.babli.org/home) has its Header set to ‘Disappear’.

Generally, the ‘effect’ works fine…

However, when a particular ’ top-of-page anchor ’ link-button - which has a code disabling its scrollAnimation - is clicked , from somewhere lower down on a page - and the page jumps to x 0, y0 (the linked anchor) …

Then, THE HEADER does not collapse down (it stays hidden) - until and unless you scroll down the page again.

This happens ONLY when the header has already been ‘hidden’, due to the effect of scrolling down on the page.
If the header is already visible , at the point of clicking that link, then it stays visible

Is there any way I can RECTIFY this?

I WANT the scroll animation to remain DISABLED - but I ALSO want the HEADER to collapse down INVARIABLY (not stay ‘disappeared’) - when that link-button is clicked and the page jumps to the top.

The page I am referring to is > https://www.babli.org/farmstay-details

And the link is at the very BOTTOM of the page > a ’ hand-symbol ’ attached to a hover-box (vectorImage139)

The CODE I have, for disabling the scroll animation is → 

import wixWindow from 'wix-window';// scroll effect

export function vectorImage139_click(event) {
    wixWindow.scrollTo(0, 0, {"scrollAnimation": false});
    $w('#box53').expand()
    $w('#box53').show('fade')
}

Thanks for any advise, in advance.

NB: I am really a novice at coding… but I am prepared to work hard and figure things out! :yum: