时间戳

首页 > 解决方案 > 过滤 DIV 元素后滚动到顶部？

javascript - 过滤 DIV 元素后滚动到顶部？

问题描述

简而言之，我的网站上安装了一个过滤器，它的功能与您在链接中看到的非常相似/完全相同。https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_elements 您可以“显示所有” DIV 元素，但也可以过滤它们。

问题：我想确保在用户单击任何过滤器后我的页面“向上滚动”。基本上只显示相关的过滤元素。任何建议的 .JS 脚本？

这是我的过滤器的 HTML + 相应 PHP 的一部分？

                <a href="#" class="filter-btn" data-filter="opd-list-id-<?php echo $item->ID; ?>" style="background:<?php echo $filter_background_color ?>;color:<?php echo $filter_text_color ?> !important;">
            <?php echo esc_html($item->post_title); ?>
            <?php
            if($item_count == 'on'){
                echo '<span class="opd-item-count-fil">('.esc_html($item_count_disp).')</span>';
            }
            ?>
        </a>

标签： javascripthtml

解决方案

您可以在单击事件上使用函数 scrollIntoView()

var elmnt = document.getElementById("test");
test.scrollIntoView();

推荐阅读