2016-11-22 16 views
-2

のためのアンカーを作成することができません:私は疑問に思う私は、H1タグ持っH1タグ

<h1 id="something"> 
    My header 
</h1> 

を、なぜそれがアンカーとして機能していないのですか?私が "localhost:3000 /#something"に行くと、h1がある場所にページをスクロールしません。

+0

は 'margin-を設定してみてみてくださいする必要がありますtop:600px; 'をあなたの' h1'タグに渡し、それがスクロールするかどうか確認してください –

答えて

3

あなたのh1はスクロールをトリガするのに十分に低いではないか、私は問題があなたのlocalhost:3000/#somethingであることが判明Posibly、それはlocalhost:3000#something代わり はこの1つ

function go() { 
 
    window.location += "#something"; 
 
    alert(window.location); 
 
}
div { 
 
    border: 1px solid green; 
 
    height: 100vh; 
 
    width: 100%; 
 
}
<div> 
 
    <button onclick="go()">scroll</button> 
 
</div> 
 
<h1 id="something"> 
 
    My header 
 
</h1>

関連する問題