INDUSTRY ENCYCLOPEDIA

5 Top Crystals to Enhance Your Workplace Performance

May 09, 2024 by Helmsman Crystal

Best Crystals for Taurus: Fostering Your Resilience and Autonomy

May 03, 2024 by Helmsman Crystal

Mother's Day: A Celebration of Love and Devotion

May 02, 2024 by Helmsman Crystal

5 Ways to Help You Have a Better Night's Sleep

Apr 30, 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

5 Crystals to Relieve Shoulder and Neck Pain

Apr 22, 2024 by Helmsman Crystal

The Meaning and Function of Dream Catcher

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