How to make jquery move up when slick-dots is clicked?

Question

JavaScript

Friends, hello everyone!
I'm confused, please help me figure it out.
With the help of slick I build a slider, the dots sign is set for the slider. Buttons appear, it is necessary that by clicking on any of the buttons, jquery scrolls the page up. What I do: I

add the required class and the second feature to slick-dots when loading:

jQuery(".slick-dots").addClass("page-scroll").attr('data-scrollid', 'up');

I twist like this:

jQuery(".page-scroll").click(function() {
  pagcenter();
    jQuery('html, body').animate({
      scrollTop: jQuery( '#' + jQuery(this).data("scrollid") ).offset().top - 120
    }, 1000, 'swing');
  });

The dots itself is built during the page load, see the screenshot below:


Everything works fine except for scrolling, why doesn't it want to scroll... If I add class="page-scroll" data-scrollid="up" to a static element, there are no problems, it spins with a bang.

Answer 1

jQuery('html').delegate('.page-scroll', 'click', function() {
  pagcenter();
  jQuery('html, body').animate({
    scrollTop: jQuery( '#' + jQuery(this).data('scrollid') ).offset().top - 120
  }, 1000, 'swing');
});