Question

我的页面上有一组链接，每个链接都有一个隐藏的相关div（对该项目的描述）。我想在单击锚点时给相关div一个slideDown，但我也希望窗口滚动到该div的开头。我怎样才能做到这一点？

<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>

<div id="link1">
</div>

<div id="link2">
</div>

Answer 1

你说的锚在哪里？

这里你必须修复你的代码

<强> HTML

<ul>
<li><a href="#" onclick="javascript:scrollElement('#link1');return false;">Link 1</a></li>
<li><a href="#" onclick="javascript:scrollElement('#link2');return false;">Link 2</a></li>
</ul>

<div class="subpage" id="link1">
</div>

<div class="subpage" id="link2">
</div>

<强> JAVASCRIPT

function scrollElement(target)
{
     $(".subpage").hide();
     $(target).slideDown('slow');
     $("html, body").animate({ scrollTop: $(target).offset().top }, 1000);
}

锚点击显示div并滚动到它

1 个答案: