JavaScript - 跳转到锚点

时间:2011-04-17 16:19:38

标签: javascript anchor

我正试图打开跳转到锚点的div。开放部分正在工作,但它没有跳到命名锚点

这是我的剧本:

<script type="text/javascript">
    function spoil(id){
        if (document.getElementById) {
            var divid = document.getElementById(id);
            divid.style.display = (divid.style.display = 'block');
            window.location = '#' + id;
        }
    }
</script>

<a href="http://example.com" onclick="spoil('thanks');" title="hello">
    <img src="images/gfx.png" alt="world" width="300" height="300"/>
</a>

有什么想法吗? 欢呼声。

2 个答案:

答案 0 :(得分:53)

你试过window.location.hash = '#'+id;吗?

答案 1 :(得分:12)

看起来你正在取消隐藏扰流板div。如果是这样,您可以按如下方式将元素滚动到视图中:

function spoil(id) {
    var divid = document.getElementById(id);
    divid.style.display = 'block';
    divid.scrollIntoView(true);
    return false;
}
...
<a href="#" onclick="return spoil('thanks');" title="hello"><img src="images/gfx.png" alt="world" width="300" height="300"/></a>