Get updates on latest products, events, promotions and we will also keep updated on what we are up to.
Subscribe to our newsletter.
document.addEventListener("DOMContentLoaded", function() {
// Create a logo image element
var logoImg = document.createElement("img");
// Set the source of the image
logoImg.src = "https://static1.squarespace.com/static/5e4e47ce9bf2bf37590e40d2/t/65cda73b2cf50935b65e75b8/1707976507765/aspectLogo+web.png";
logoImg.alt = "Logo"; // Alt text for accessibility
logoImg.id = "custom-logo"; // Assign an ID for styling
// Append the image to the body
document.body.appendChild(logoImg);
// Get the gallery container
var galleryContainer = document.getElementById("collection-65ccb04310e1515abbde9c07");
// Add scroll event listener
window.addEventListener("scroll", function() {
var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
// Calculate the maximum scroll position until the logo reaches the footer
var maxScroll = galleryContainer.offsetTop + galleryContainer.offsetHeight - window.innerHeight;
// Calculate the position of the logo relative to the gallery container
var logoPosition = scrollPosition - galleryContainer.offsetTop;
// If the logo is within the gallery container
if (scrollPosition <= maxScroll) {
logoImg.style.position = "absolute";
logoImg.style.top = logoPosition + "px";
} else {
logoImg.style.position = "fixed";
logoImg.style.top = maxScroll + "px";
}
});
});