JavaScript - 跳转到锚点答案

【问题标题】：JavaScript - Jump to anchorJavaScript - 跳转到锚点
【发布时间】：2011-04-17 16:19:37
【问题描述】：

我正在尝试打开一个带有跳转到锚点的 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>

任何想法有什么问题吗？干杯。

【问题讨论】：

标签： javascript anchor

【解决方案1】：

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

【讨论】：

【解决方案2】：

看起来您正在取消隐藏剧透 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>

【讨论】：