我想要定義的超鏈接的href的位置「＃」

Question

我要定義的超鏈接的默認位置href "#"

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

我希望有一個情況，如果用戶點擊一個網址，由此，例如：

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

他被重定向到div類id="#a"。我希望該div類成爲頁面的默認頂部，而不是將用戶帶到頁面的最頂部。

Answer 1

所以，你想改變的默認行爲：

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

所以它，而不是把你帶到你的「主」分區：<div class="main">content</div>

你可以做什麼用JavaScript和jQuery是寫功能標識與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>