scroll-id v2.1.0

ScrollId

full page scroll by hash change

Demo

here

Install

npm install --save scroll-id

or

<script type="text/javascript" src='ScrollId.min.js'></script>

Usage

HTML

<div class='container'>
  <section data-scroll-id="1">page 1</section>
  <section data-scroll-id='2'>page 2</section>
  <section data-scroll-id='3'>page 3</section>
</div>

CSS

html,body{height:100%}
.container{height:100%}
section{height:100%}

Run

ScrollId(['1', '2', '3'], {
  duration : 1000,
  isTouch: true,
  onLeave: id => console.log(`leave ${id}`),
  onDone: id => console.log(`done ${id}`),
})

or

ScrollId.default(['1', '2', '3'], {
  duration : 1000,
  isTouch: true,
  onLeave: id => console.log(`leave ${id}`),
  onDone: id => console.log(`done ${id}`),
})

void ScrollId(arr sequence ,obj config)

sequence scroll order

config

Config

Browser support

exclude ie8-