1.5 KiB

Raw Blame History

hotline.mjs

Module for creating "hot lines"

Example

<section id="wrap_articles" style="display: flex">
    <!-- First element -->
    <article>
        <h3>Place</h3>
    </article>

    <!-- Second element -->
    <div>
        <p>here</p>
    </div>

    <!-- Third element -->
    <a>anything</a>
</section>

import("/js/modules/hotline.mjs").then((hotline) => {
    // Imported the hotline.mjs module

    // Initializing an instance of hotline manually
    const instance = new hotline.default(
        'articles', 
        document.getElementById('wrap_articles')
    );
        
    // Initializing settings of the hotline instance
    instance.move = false;
    instance.wheel = true;
    instance.delta = 15;

    // Starting the hotline instance
    instance.start();
});