Scrollmagic - прокрутка и приращение к определенному номеру в DOM - PullRequest
Новая
       12

Scrollmagic - прокрутка и приращение к определенному номеру в DOM

0 голосов
/ 16 октября 2018

Первый раз работаю со ScrollMagic и пока все хорошо.Однако я пытаюсь вызвать счетчик чисел, который увеличивается при прокрутке.Я основываюсь на примере прогресса Scrololmagic ЗДЕСЬ .

У меня есть счетчик прокрутки "работает", но я не могу понять, как вызывать мой DOMэлемент, поэтому он останавливается на 70 вместо 100. Ниже мой основной код.Любые идеи о том, как прекратить считать на моем номере DOM, приветствуются.

Примечание: это должно быть глобальным, потому что несколько разделов моего сайта будут иметь числа, которые увеличиваются таким образом.

Вот мой код: 

	// build scene
	new ScrollMagic.Scene(
        {
            triggerElement: "#ipsum", 
            duration: '100%',
            offset: '80%',
            triggerHook: 'onLeave',
        })
		.addIndicators({name: "COUNT PIN", colorEnd: "red"}) // add indicators (requires plugin)
        .on("progress", function (e) {
            $(".count").text(Math.ceil(e.progress.toString() * 100));
        })
    .addTo(controller);
#ipsum{
  height: 100vh;
}
<div class="innerSection s1 track" id="ipsum">
  <div class="leftSec">
    <div class="innerContent">
    <div class="markerTextbottom">
      <h3><span class="red count" data-count="70">70</span> Years</h3>
  </div>
</div>
...