scrolling-region.html 1.32 KB
<!doctype html>
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at
The complete set of authors may be found at
The complete set of contributors may be found at
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at


    <title>iron-scroll-target-behavior using a scrolling region</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>

    <link rel="import" href="../iron-scroll-target-behavior.html">
    <link rel="import" href="x-scrollable.html">


      body {
        margin: 0;
        padding: 0;

      #region {
        height: 50vh;
        overflow: auto;
        position: absolute;
        top: 25vh;
        left: 25vh;
        right: 25vh;
        box-shadow: 0 0 60px rgba(0,0,0,0.5);

  <body unresolved>
    <div id="region">
      <x-scrollable scroll-target="region"></x-scrollable>