Я не могу заставить веб-сайт прокручивать щелчок мыши за определенной точкой, есть ли ошибка в пользовательском скрипте jquery или в одном из плагинов?

Question

Я работаю над шаблоном веб-сайта, который использует плагины, Tweenmax.js, parallax.js, mousewheewheel.js и ScrollToPlugin.js

Веб-сайт должен прокручиваться до новой путевой точки и показывать различное содержимое каждый раз, когда щелкает значок мыши с классом "scrollIcn". Однако после однократного щелчка и прокрутки к новому разделу значок исчезает, поскольку его непрозрачность установлена ​​в ноль в файле CSS, и после этого я больше не могу щелкать по нему.

Я не уверен, что с плагином что-то не так или мне нужно что-то изменить в пользовательском файле jquery. Спасибо.

Я пытался найти что-нибудь, что содержит "scrollIcn" в файлах jquery, но ничего не нашел.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section id="mainPage">
  <a href="javascript:;" class="scrollIcn">
    <span><i class="fa fa-angle-down"></i></span>
  </a>
  <div id="mainContent">
    <div class="mainContent-1">
      <div class="owlMainLeft">
        <img src="images/mainSlider/main1-Left.jpg">
        <p></p>
      </div>
      <div class="owlMainRight">
        <img src="images/mainSlider/main1-Right2.jpg">
        <p></p>
      </div>
      <h4><span class="mh41"></span><span class="mh42"></span></h4>
    </div>
    <div class="mainContent-2">
      <div class="owlMainLeft">
        <img src="images/mainSlider/main3-Left.jpg">
        <div class="mainSlideInnerImg">
          <p></p>
        </div>
      </div>
      <div class="andLogo">
        <img src="images/mainSlider/andLogo.png">
      </div>
      <div class="owlMainRight">
        <img src="images/mainSlider/main3-Right.jpg">
        <div class="mainSlideInnerImg">
          <p></p>
        </div>
      </div>
    </div>
    <div class="mainContent-3">

$(document).ready(function() {
  $(".fancybox").fancybox();

  $(".textareaCbkl textarea").focus(function() {
    $(".textareaCbkl").addClass("textF");
  });

  $(".textareaCbkl textarea").focusout(function() {
    $(".textareaCbkl").removeClass("textF");
  });

  $(".formBtn").click(function() {
    TweenLite.to($('.formContent'), 1, {
      css: {
        left: '14.5%'
      },
      ease: Expo.easeInOut
    });
  });

  $(".formClose").click(function() {
    TweenLite.to($('.formContent'), 1, {
      css: {
        left: '-100%'
      },
      ease: Expo.easeInOut
    });
  });

  var owlGaleri1 = $('#owlGaleri1');
  owlGaleri1.owlCarousel({
    loop: true,
    margin: 0,
    autoplay: false,
    responsiveClass: true,
    dots: true,
    nav: false,
    responsive: {
      0: {
        items: 1
      },
    }
  });

  $('.nextNav').click(function() {
    owlGaleri1.trigger('next.owl.carousel');
    return false;
  });

  $('.prevNav').click(function() {
    owlGaleri1.trigger('prev.owl.carousel', [300]);
    return false;
  });

  var owlGaleri2 = $('#owlGaleri2');
  owlGaleri2.owlCarousel({
    loop: true,
    margin: 0,
    autoplay: false,
    responsiveClass: true,
    dots: true,
    nav: false,
    responsive: {
      0: {
        items: 1
      },
    }
  });

  $('.nextNav2').click(function() {
    owlGaleri2.trigger('next.owl.carousel');
    return false;
  });

  $('.prevNav2').click(function() {
    owlGaleri2.trigger('prev.owl.carousel', [300]);
    return false;
  });

  $(".menuOpen").click(function() {
    $("header nav").slideToggle();
    $(".menuOpen").toggleClass("acik");
    if ($(".menuOpen").hasClass("acik")) {
      $(".menuOpen img").attr("src", "../images/menuClose.png");
    } else {
      $(".menuOpen img").attr("src", "../images/menuOpen.png");
    }
  });

  $(".katAdi").click(function() {
    $(".leftyasamSecenekleri").slideToggle();
  });

  if ($(window).width() <= 800) {
    $(".iciBu .yasamSecenekleriBox").click(function() {
      var text = $(this).text();
      $(".katAdi span").text(text);
      $(".leftyasamSecenekleri").slideToggle();
    });
  }