CRYSTAL MEANING

Picture Jasper: Meaning, Symbol, and Benefits You Might Want to Know

May 06, 2024 by Helmsman Crystal

Emerald: The Alluring & Vibrant May Birthstone

Apr 29, 2024 by Helmsman Crystal

Want to Create Great Wealth: 5 Crystals You Should Know

Apr 27, 2024 by Helmsman Crystal

8 Crystals Suitable for Tarot Readings

Apr 25, 2024 by Helmsman Crystal

What is the Best Incense For Crystal Purification?

Apr 24, 2024 by Helmsman Crystal

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

Apr 23, 2024 by Helmsman Crystal

5 Crystals to Relieve Shoulder and Neck Pain

Apr 22, 2024 by Helmsman Crystal

Labradorite: Significance, Symbolic Meanings, and Potential Advantages of This Distinctive Gemstone

Apr 19, 2024 by Helmsman Crystal

6 Effective Ways to Purify & Cleanse Crystals

Apr 18, 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);