Блог

У меня есть целевое изображение, которое имеет две функции — одна из них — функция щелчка, которая при нажатии на целевое изображение прокручивается вниз, чтобы открыть следующий раздел. Вторая функция — это функция прокрутки, в которой пользователь прокручивает / прокручивает вниз, и прокрутка переходит к следующему разделу. Как только одна из этих функций активируется, изображение целевой страницы скрывается и не может быть видно снова, пока не откроется новая вкладка.

У меня работает функция щелчка и прокрутки, проблема в том, что после завершения эффекта прокрутки я не могу возобновить прокрутку остальной части страницы.

Я понимаю, что функция прокрутки все еще может быть запущена, которая удерживает прокрутку вверху, но не знаю, что добавить в мой код?

Кроме того, я использую тему Divi, поэтому сложно добавить HTML-разметку

  (function ($) {
 $(document).ready(function () {

     let header = $('.cf_bal-header');
     let page = $('html, body');

     // Check for first timers
     if (!sessionStorage.returnVisitor) {

         // No flag, this is the first visit.

         // Set a flag so that next time we know they have been here before.
         sessionStorage.returnVisitor = 'true';

         // Handle Hero image click.
         $('.cf_news_link').click(function () {

             $(page).animate({
                 scrollTop: $(".news").offset().top
             }, 1000);

             return false;
         });

         // Handle scrolling (this is our scroll jacker)
         $(window).on('scroll', function () {

             if ($(page).animate({
                     scrollTop: $(".news").offset().top
                 }, 1000));
             return false;
         });

     } else {

         // Not our first time, hide header.
         header.hide();
     }
 });
 })(jQuery);