Jquery 单击链接后如何向下滑动?

Jquery 单击链接后如何向下滑动?,jquery,html,css,Jquery,Html,Css,这是我正在制作的网页 我想要的是,当我点击“state”Ex:CA时,我希望页面向下滑动并显示结果。现在它会显示结果,但不会向下滑动 使用名称(或id)和散列标记(名称请参阅) 例如,加利福尼亚州的链接是 <a href="#california">(image)</a> 而该部门已经 <a name="california">California</a> 调查)更改状态链接 <a href="#" id="AK">AK<

这是我正在制作的网页

我想要的是,当我点击“state”Ex:CA时,我希望页面向下滑动并显示结果。现在它会显示结果,但不会向下滑动

使用
名称
(或
id
)和散列标记(名称请参阅)

例如,加利福尼亚州的链接是

<a href="#california">(image)</a>

而该部门已经

<a name="california">California</a>
调查)

更改状态链接

<a href="#" id="AK">AK</a>
<a href="#" id="AL">AL</a>



如果您不喜欢即时滚动,请浏览一下或其他平滑滚动插件。

您也可以像这样为其添加平滑滚动的良好效果: 将类添加到链接:

<a href="#can_map" class="anchor_class">Click me</a>

使用名称是so 2000!用id代替。啊-那也行。显示了我上一次真正开发HTML的时间是:p这也是我刚刚发现的一个解决方案。实际上,我是用repinfo容器做的。
<a href="#can_map" id="AK">AK</a>
<a href="#can_map" id="AL">AL</a>
<a href="#can_map" class="anchor_class">Click me</a>
$('.anchor_class').click(function(){ 
    href = $(this).attr("href");
    $('html,body').animate({scrollTop: $(href).offset().top};
    return false;
});