Negatory. Postpone Mission.

    @polymer/iron-scroll-target-behavior
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.1 • Public • Published

    Published on NPM Build status Published on webcomponents.org

    IronScrollTargetBehavior

    IronScrollTargetBehavior allows an element to respond to scroll events from a designated scroll target.

    Elements that consume this behavior can override the _scrollHandler method to add logic on the scroll event.

    See: Documentation, Demo.

    Usage

    Installation

    npm install --save @polymer/iron-scroll-target-behavior
    

    In a Polymer 3 element

    import {PolymerElement, html} from '@polymer/polymer';
    import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';
    import {IronScrollTargetBehavior} from '@polymer/iron-scroll-target-behavior/iron-scroll-target-behavior.js';
    
    class SampleElement extends mixinBehaviors(IronScrollTargetBehavior, PolymerElement) {
      static get template() {
        return html`
          <p>Scrollable content here</p>
        `;
      }
    
      _scrollHandler() {
        console.log('_scrollHandler', this._scrollTop, this._scrollLeft);
      }
    }
    customElements.define('sample-element', SampleElement);

    Contributing

    If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

    Installation

    git clone https://github.com/PolymerElements/iron-scroll-target-behavior
    cd iron-scroll-target-behavior
    npm install
    npm install -g polymer-cli

    Running the demo locally

    polymer serve --npm
    open http://127.0.0.1:<port>/demo/

    Running the tests

    polymer test --npm

    Install

    npm i @polymer/iron-scroll-target-behavior

    DownloadsWeekly Downloads

    24,722

    Version

    3.0.1

    License

    BSD-3-Clause

    Unpacked Size

    22.8 kB

    Total Files

    10

    Last publish

    Collaborators

    • aomarks
    • emarquez
    • sorvell
    • bicknellr
    • usergenic
    • polymer-devs
    • azakus
    • kevinpschaaf
    • justinfagnani