Как интегрировать эффект прокрутки вниз с Speed.js в приложении реагировать без JQuery? - PullRequest
Новая
       24

Как интегрировать эффект прокрутки вниз с Speed.js в приложении реагировать без JQuery?

0 голосов
/ 26 сентября 2018

Я пытаюсь создать эффект прокрутки вниз в приложении с одной реакцией.Я использую speed.js, но я не знаю, как я могу интегрировать эту библиотеку в свой компонент без jquery.У кого-нибудь есть идея, чтобы решить эту проблему?

мой код HTML для значка со стрелкой выглядит следующим образом: 

<div className="row">
  <NavLink to="#" className="icon down" id="go-down">
    <FontAwesomeIcon icon={faArrowCircleDown} className="scroll"/> 
  </NavLink>
</div>

Я нашел этот код в jQuery, но я должен использовать ванильный javascript: 

var $icon = $(".ion");
var $down = $("#go-down");
var $up = $("#go-up");

$icon.velocity({
  translateY: "10px"
}, {
  loop: true
}).velocity("reverse");

$down.on("click", function() {
  $up.velocity("scroll", {
    duration: 2000,
    easing: "easeInBack"
  });
});

$up.on("click", function() {
  $("body").velocity("scroll", {
    duration: 2000,
    easing: "easeInBack"
  });
});

Это может быть очень приятно, если кто-то может помочь мне с этим.Большое спасибо!

...