如何添加一个“；“滚动效果”；如何编写PHP代码？

情况：我有一个完全可以工作的PHP模块，其功能是过滤产品类别并仅向用户显示相关结果。作为参考，该页面有50个类别，用户不必向下滚动查看其中的每一个类别，而可以只筛选他们想要查看的选定类别

这是提供此类功能的网站的一个很好的例子： -正如您所看到的，有许多类别，但如果单击其中一个类别，则不仅会过滤该类别，还会自动滚动页面

问题：我的模块的问题是，单击相关类别后，模块不会滚动到实际结果，而只是在过滤器下方的块中显示结果。但是，我希望确保在用户筛选类别之后，实际的浏览器页面会自动滚动到所选类别

专家们，有没有人可以查看附带的PHP代码，看看我如何实现滚动效果。

附加模块代码：

                    <?php 
                    $item_count_disp_all = 0;
                    foreach ($listItems as $item){
                        if( $item_count == "on" ){
                            @$item_count_disp_all += count(get_post_meta( $item->ID, 'qcopd_list_item01' ));
                        }
                    }
                ?>
                <a href="#" class="categoryfilter-btn categoryfilter-active" data-categoryfilter="all">
                    <?php 
                        if(testmodule_get_option('testmodule_lan_show_all')!=''){
                            echo esc_html(testmodule_get_option('testmodule_lan_show_all'));
                        }else{
                            _e('Show All', 'qc-opd'); 
                        }
                    ?>
                    <?php
                        if($item_count == 'on' and $infinityscroll!=1){
                            echo '<span class="opd-item-count-fil">('.esc_html($item_count_disp_all).')</span>';
                        }
                    ?>
                </a>

---

我分析了您与Firefox Inspect元素链接的页面，并立即注意到有一个jQuery事件链接到代表一个类别的每个div的单击。 具体而言，该事件会触发以下事件：

function() {
  $(".listsInfo").hide();
  $(".listWindow").hide();
  $(".listWindow#" + $(this).attr("value")).show();
  $("html, body").animate({
    scrollTop: $(".lists").offset().top
  }, '1000', 'swing');
  window.location.hash = "";
  listWindowCheckForPressed();
  $("#livesearch").val("");
  return false;
}

---

干杯。

这很可能不是通过PHP实现的。我敢猜javascript吗？是的，PHP是服务器端的东西。OP需要为此使用JavaScript。PHP是一种服务器端语言，不可能与UIC一起使用。关于如何将.JS嵌入此代码，有何建议？关于将类似的.JS脚本嵌入上述PHP代码，有何建议？