duration: "100%" gets the size of viewport not container

Hi! First of all, thanks for this great plugin!!!

I’ve got an issue when using ScrollScene with duration:

import { ScrollScene, addIndicators } from 'scrollscene';

const domNode = document.querySelector('.test')
const anotherDomNode = document.querySelectorAll('.test .card')
const tl = gsap.timeline({ paused: true })

tl.to(anotherDomNode, {
  x: -200,
  duration: 1,
  ease: "none",
})

const scrollScene = new ScrollScene({
  triggerElement: domNode,
  gsap: {
    timeline: tl,
  },
  triggerHook: 1,
  duration: "100%",
})
scrollScene.Scene.addIndicators({ name: 'pin scene', colorEnd: 'yellow' })

So indicators shows start and end of the duration, which is not the height of the container (900px), it’s the height of viewport (640px).

Am I doing something wrong? Can you help me, please?

[jonkwheeler]

Yeah, that’s accurate. That’s how ScrollMagic works. http://scrollmagic.io/docs/ScrollMagic.Scene.html#duration

[jonkwheeler]

I released a new update! It’s pretty dope. You can now set the duration as an HTMLElement, and now the scene will last the length of that element.

https://scrollscene.jonkwheeler.now.sh/?path=/story/scrollscene-duration--duration-domnode

Check out the code here: https://github.com/jonkwheeler/ScrollScene/blob/master/src/stories/story.js#L706

const scrollScene = new ScrollScene({
  triggerElement,
  toggle: {
    element: containerElement,
    className: "turn-blue",
    reverse: true,
  },
  triggerHook: 0.25,
  duration: triggerElement,
});