@stimulus-library/controllers/dist/scroll/scroll_to_controller.js

A library of useful controllers for Stimulus

import { BaseController, scrollToElement } from "@stimulus-library/utilities";
export class ScrollToController extends BaseController {
    scroll() {
        const target = document.querySelector(this.selectorValue);
        if (!target) {
            console.warn(`Could not find target for '${this.selectorValue}'`);
            return;
        }
        scrollToElement(target, {
            behavior: this.hasBehaviorValue ? this.behaviorValue : "smooth",
            block: this.hasBlockValue ? this.blockValue : "center",
            inline: this.hasInlineValue ? this.inlineValue : "center",
        }).catch(() => target.scrollIntoView());
    }
}
ScrollToController.values = {
    selector: String,
    behavior: String,
    block: String,
    inline: String,
};