jQuery scrollTop执行后不会让我滚动

Question

我有一个着陆图像，它具有两个功能-一个是单击功能，一旦单击着陆图像，它就会向下滚动以显示下一部分。第二个功能是滚动功能，其中用户向下滚动/滑动，滚动被劫持到下一部分。一旦激活了这些功能之一，着陆图像就会隐藏起来，直到打开新的标签后才能再次看到。

我具有单击和滚动功能，问题是一旦滚动效果完成，我将无法继续滚动页面的其余部分。

我意识到滚动功能可能仍在运行，这将滚动保持在顶部，但不知道要在代码中添加什么？

此外，我正在使用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);