0

我使用可点击的地图和菜单按参数（区域和配置文件）显示实验室的地址（这里是网站： http: //ptgc-med.pl/index.php/dla-specjalisty/poradnie-genetyczne）

问题是如何使当我单击一个区域时，它会跳转到带有过滤结果的段落开头，因为现在 mwhen 结果显示您仍然可以看到地图。我用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();  

});

});

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

4

1 回答 1

2

在点击事件中添加 

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

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

location.href = "#addresses"
于 2012-08-17T19:36:35.663 回答