This repository has been archived by the owner on Dec 19, 2017. It is now read-only.

Transition Animations

Jump to bottom

Casey Webb edited this page Dec 13, 2016 · 3 revisions

Transitions using a generator

ko.router.use(function * (ctx) {
  yield
  yield new Promise((resolve) => $(ctx.element).fadeIn(resolve))
  yield new Promise((resolve) => $(ctx.element).fadeOut(resolve))
})

or in environments without generator support, use a lifecycle object

ko.router.use((ctx) => ({
  afterRender(done) { $(ctx.element).fadeIn(done) },
  beforeDispose(done) { $(ctx.element).fadeOut(done) }
}))