I am trying to get my site to have a shrinking floating menu (known by many other names) however when I scroll down past the anchor and the header switches to the smaller strip the larger strip is still visible beneath it except it is white and not showing any of the elements. For some reason it is not hiding the larger strip. It is also going back and forth between the two repeatedly when scrolling. Any help or advise would be much appreciated.
My code:
export function anchorheader_onviewportLeave() {
$w(“#logosmall”).show();
$w(“#stripsmall”).show();
$w(“#line31”).show();
$w(“#text79”).show();
$w(“#horizontalMenu2”).show();
$w(“#shoppingCartIcon1”).show();
$w(“#bigstrip”).hide();
$w(“#button13”).hide();
$w(“#button11”).hide();
$w(“#button6”).hide();
$w(“#button4”).hide();
$w(“#widget4”).hide();
$w(“#image9”).hide();
$w(“#button75”).hide();
$w(“#line30”).hide();
$w(“#text66”).hide();
$w(“#horizontalMenu”).hide();
$w(“#text77”).hide();
$w(“#widget8”).hide();
}
export function anchorheader_onviewportEnter() {
$w(“#logosmall”).hide();
$w(“#stripsmall”).hide();
$w(“#line31”).hide();
$w(“#text79”).hide();
$w(“#horizontalMenu2”).hide();
$w(“#shoppingCartIcon1”).hide();
$w(“#bigstrip”).show();
$w(“#button13”).show();
$w(“#button11”).show();
$w(“#button6”).show();
$w(“#button4”).show();
$w(“#widget4”).show();
$w(“#image9”).show();
$w(“#button75”).show();
$w(“#line30”).show();
$w(“#text66”).show();
$w(“#horizontalMenu”).show();
$w(“#text77”).show();
$w(“#widget8”).show();
}
My site is:
https://justlcds.wixsite.com/justlcds
PS. Sorry for the really slow load time. I haven’t upgraded to a premium account yet as I am still building and haven’t launched yet. Thanks guys 