Reglainerio kampas Eldar

productInfoOffset) { const offset = (window.innerHeight > productMeta.offsetHeight) ? pageContainer.offsetHeight - productMeta.offsetHeight - siteHeader.offsetHeight : pageContainer.offsetHeight - productMeta.offsetHeight + siteHeader.offsetHeight + marginOffset; if (window.pageYOffset < offset) { productMeta.style.top = `${window.pageYOffset - productInfoOffset}px`; } else { productMeta.style.top = `${pageContainer.offsetHeight - productMeta.offsetHeight - productTemplate.offsetTop}px`; } } else { productMeta.style.top = "0px"; } } // Add transition to the productMeta const productMeta = document.querySelector(".product-single__meta"); productMeta.style.transition = "top 0.3s ease-out"; // You can change the duration and easing function // Wrap your existing code in requestAnimationFrame for smoother animations function animate() { handleOffset(); requestAnimationFrame(animate); } // Quantity control $('.product__quantity .js-qty__adjust--plus').on('click', function() { var price = 79900 * (parseInt($('.product__quantity .js-qty__num').val()) + 1 ); $('.product-template__subtotal-price').html(theme.Currency.formatMoney(price, theme.settings.moneyFormat)); }) $('.product__quantity .js-qty__adjust--minus').on('click', function() { var minus = (parseInt($('.product__quantity .js-qty__num').val()) == 1) ? 0 : 1; var price = 79900 * (parseInt($('.product__quantity .js-qty__num').val()) - minus); $('.product-template__subtotal-price').html(theme.Currency.formatMoney(price, theme.settings.moneyFormat)); }) $('.product__quantity .js-qty__num').on('change', function() { var price = 79900 * (parseInt($('.product__quantity .js-qty__num').val())); $('.product-template__subtotal-price').html(theme.Currency.formatMoney(price, theme.settings.moneyFormat)); }) // Use debounce to prevent unnecessary calculations window.addEventListener("scroll", debounce(animate)); // Other events $(window).resize(() => { /* existing code here */ }); $(".product-template__dropdown-heading").on("click", () => { /* existing code here */ }); // Call animate once to initialize animate();