web-dev-qa-db-ja.com

JavaScript-アンカーにジャンプ

アンカーにジャンプして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>

それの何が問題になっているのでしょうか?乾杯。

15
Michael

スポイラー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>
12
Alex K.

試しましたか window.location.hash = '#'+id;

53
jammon