私は、ハイパーリンクのhref「＃」の場所を定義したい

Question

私は、たとえば、ユーザーがURLをクリックした場合となる事態を望んでハイパーリンクのデフォルトの場所にhref "#"

<div class="main" id="#a"> 
     <div class="child"> <a href="#">click</a> 
     </div> 
</div> 

を定義したいです：

<a href="#">click</a> 

彼はid="#a"でdivクラスにリダイレクトされます。私はそのdivクラスをページの最上部にユーザを連れて行くのではなく、ページのデフォルトのトップにします。

Answer 1

ですから、のデフォルトの動作に変更したいと思います：

<a href="#">click</a> 

をだから、代わりにあなたの「メイン」のdivが表示されます：あなたはJavaScriptとjQueryを使って何ができるか<div class="main">content</div>

は書きですHREF =「＃」で、あなたのページのアンカー要素を識別し、そのように、デフォルトの代わりに、あなたの希望の動作を実行するためにそれらを指示する機能：

// select a elements with href="#" and add event listener on click 
$('a[href="#"]').on('click', function(e){ 

    // prevent default behaviour of jumping to the top of the page 
    e.preventDefault(); 

    // get target element position in pixels 
    target = $($('div.main')).position().top; 

    // animate a scroll effect to the pixel location 
    $('html,body').stop().animate({ scrollTop: target }); 
}); 

Answer 2

ヨあなたが試みることができます

<a href="#a">click</a>