如何使用 jquery 跳转到页面上的过滤结果？

Question

我使用可点击的地图和菜单按参数（地区和概况）显示实验室地址（此处为网站：http://ptgc-med.pl/index.php/dla-specjalisty/poradnie-genetyczne）

问题是如何使当我单击一个区域时，它会跳转到带有过滤结果的段落开头，因为现在显示结果时您仍然可以看到地图。 我用jquery过滤了这些实验室，html看起来是这样的（是短版）：

<div id="filters">
<ul>
    <li><a href="#" id="tagA">Diagnostyka prenatalna</a>
    </li>
    <li><a href="#" id="tagB">Zespoły wad rozwojowych</a>
    </li>
    <li><a href="#" id="tagC">Niepełnosprawność intelektualna</a>
    </li>
</ul>

<div id="map-polska">
<ul class="polska">
    <li class="pl1"><a href="#dolnoslaskie">Dolnośląskie</a>
    </li>
    <li class="pl2"><a href="#kujawsko-pomorskie">Kujawsko-pomorskie</a>
    </li>
    <li class="pl3"><a href="#lubelskie">Lubelskie</a>
    </li>

</ul>

<div id="addresses">
ul>
<li id="podlaskie" class="tagA tagB"Podlaskie Centrum </li>
<li id="mazowieckie" class="tagA tagB tagC">Poradnia Genetyczna </li>
<li id="mazowieckie" class="tagG">Poradnia Genetyczna Instytutu Fizjologii</li>
</div>

我的 jquery 代码如下所示：

$(document).ready(function(){  

$('#filters a').click(function(e){


    e.preventDefault();  

    var filter = $(this).attr('id');  

    $('#addresses ul li').show();   
    $('#addresses ul li:not(.' + filter + ')').hide();  

});  

});

这可能是个愚蠢的问题，但我刚刚迷路了......我会非常感谢任何帮助！！！

Answer 1

在点击事件中添加

$(document.body).animate({'scrollTop':$('div#addresses').position().top},1000);

您将平滑滚动到#addresses div
如果您只想要一个简单的解决方案，只需编写

location.href = "#addresses"