12 Wedding Boutonniere Ideas for All Seasons (2024)

`) $('body').append(ele) ele.css('opacity', 1) $('#tiktok-video-viewer video').on("loadeddata", function() { $('.video-loading').hide() $(this).css('opacity', 1) $(this).click(() => { $(this).attr('controls', 'true') }) }) ele.click(() => removeOffersPromotionVideo()) }) function removeOffersPromotionVideo() { const ele = $(`#tiktok-video-viewer`) if (ele.length) { ele.css('opacity', 0) setTimeout(() => { ele.remove() }, 500) } } document.querySelectorAll('.pc-version .js-drawer-open-nav')[0].addEventListener('click', () => { document.getElementById('NavDrawer').setAttribute('style', `top: ${isActive ? '0' : document.getElementsByClassName('announcement-bar')[0].clientHeight + 'px'} !important`); }) document.querySelectorAll('.mobile-version .js-drawer-open-nav')[0].addEventListener('click', () => { document.getElementById('NavDrawer').setAttribute('style', `top: ${isActive ? '0' : document.getElementsByClassName('announcement-bar')[0].clientHeight + 'px'} !important`); }) let hasAppended = false; const targetPosition = window.document.documentElement.clientHeight; $('.to-top-btn').click(() => { scrollTop() }) handleScrollFixedBottom = () => { const scrollPosition = window.pageYOffset; if (scrollPosition >= targetPosition) { if (!hasAppended) { hasAppended = true; if (isProductPage) { $('.fixed-bottom-product-price').text($('.product__price.on-sale').text() || $('.product__price').text()) quantityChild = quantityBlock.children('.product__quantity'); atcChild = formBlock.children('.product-single__form'); quantityBlock.height(quantityBlock.height()); formBlock.height(formBlock.height()); fixedBottom.append(quantityChild); fixedBottom.append(atcChild); } $('.product-fixed-bottom').addClass('show-bottom') } } else { hasAppended = false; if (isProductPage) { quantityBlock.append(quantityChild); formBlock.append(atcChild); } $('.product-fixed-bottom').removeClass('show-bottom') } } const easeInOutCubic = (current, start, end, duration) => { const change = (end - start) / 2 let time = current / (duration / 2) if (time < 1) { return change * time * time * time + start } time -= 2 return change * (time * time * time + 2) + start } function scrollTop() { const { container = window, duration = 450, easing = easeInOutCubic } = {}; const scrollTop = container['scrollY'] const startTime = Date.now() return new Promise((res) => { const fnc = () => { const timestamp = Date.now() const time = timestamp - startTime const nextScrollTop = easing(Math.min(time, duration), scrollTop, 0, duration) container.scrollTo(window.pageXOffset, nextScrollTop) if (time < duration) { window.requestAnimationFrame(fnc) } else { window.requestAnimationFrame(res) } }; window.requestAnimationFrame(fnc) }) } function raf() { let _raf = window.requestAnimationFrame if (!_raf) { _raf = function(callback, element) { var currTime = new Date().getTime() var timeToCall = Math.max(0, 16.7 - (currTime - lastTime)) var id = window.setTimeout(function() { callback(currTime + timeToCall) }, timeToCall) lastTime = currTime + timeToCall return id } } return _raf } }) // 节流 function throttle(fn, wait) { let previous = 0; return function (...args) { const now = performance.now(); if (now - previous >= wait) { fn.apply(this, args); previous = now; } }; }