CRYSTAL FOR ZODIAC

Best Crystals for Taurus: Fostering Your Resilience and Autonomy

May 03, 2024 by Helmsman Crystal

Best Crystals for Cancer: Enhance Your Self-Awareness & Self-Consciousness

Apr 23, 2024 by Helmsman Crystal

Best Crystals for Scorpio: Build Your Sense of Security and Trust

Apr 11, 2024 by Helmsman Crystal

Best Crytals for Aries: Regulate Your Emotions and Mindset

Apr 02, 2024 by Helmsman Crystal

Best Crytals for Gemini: Free Your Nature and Talents

Mar 27, 2024 by Helmsman Crystal

Crystal for Libra

Feb 27, 2024 by Helmsman Crystal

Crystal for Leo

Feb 28, 2024 by Helmsman Crystal

Crystal for Capricorn

Mar 02, 2024 by Helmsman Crystal

Crystal for Pisces

Mar 06, 2024 by Helmsman Crystal

Shop

Help&Support

Get in touch

helmsmancrystalweb@gmail.com

/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll);