arc-scroll-target-mixin is a port of iron-scroll-target-behavior that works with LitElement

Usage no npm install needed!

<script type="module">
  import advancedRestClientArcScrollTargetMixin from 'https://cdn.skypack.dev/@advanced-rest-client/arc-scroll-target-mixin';



Use the @anypoint-web-components/awc module instead.

Published on NPM

Tests and publishing

This mixin is a port of iron-overlay-behavior that works with LitElement.

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

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


npm i @advanced-rest-client/arc-scroll-target-mixin


import { LitElement } from 'lit-element';
import { ArcScrollTargetMixin } from '@advanced-rest-client/arc-scroll-target-mixin/arc-scroll-target-mixin.js';

class ArcScrollTargetImpl extends ArcScrollTargetMixin(LitElement) {
  static get properties() {
    const top = super.properties || {};
    const props = {
      myProp: { type: String }
    return Object.assign({}, top, props);

  _scrollHandler(e) {

Note, You need to include properties from the mixin manually as simple class extension overrides properties.


npm run test

Testing with Sauce Labs

npm run test:sl


npm start