There seems to be a strange bug that happens that disregards the set effectOptions when pinning an object to the top of the screen and when you scroll down. I have this small drop down menu that acts like a quick switch between projects on my portfolio, it is supposed to drop down when the user clicks on the project name in the header.
When the page is scrolled to the top it works just fine, however, when the user scrolls down and clicks on the pinned element the effect is drastically different from how it should be. You can see it in action for yourself on this page: https://www.dennisvdharst.com/Portfolio/FishX-Brawl
Here is the code:
export function currentPage_click(event, $w) {
//Add your code for this event here:
let projectSelectorFlyOpen = {
“duration” : 600,
“delay” : 0,
“direction” : “top”
}
let projectSelectorFlyClose = {
“duration” : 600,
“delay” : 0,
“direction” : “top”
}
if ($w(“#projectSelectorBox”).hidden === true ){
$w(“#projectSelectorBox”).show(“fly”, projectSelectorFlyClose);
$w(“#currentPage”).label = “▲ " + $w(”#portfolioDataset").getCurrentItem().headerTitle;
}
else {
$w(“#projectSelectorBox”).hide(“fly”, projectSelectorFlyClose);
$w(“#currentPage”).label = “▼ " + $w(”#portfolioDataset").getCurrentItem().headerTitle;
}
}
I hope this is enough information for you all to track down this bug and squash it. Until I’ve got my portfolio finished I’ll leave it like this on the page, but once I finish it I’m going to be forced to change it to make sure it looks professional enough, so the link won’t permanently be able to be used to see it in action…
With kind regards,
Dennis van der Harst