在/之前使用Pagescroll ID

Question

我正在使用pagescroll（Bootstrap），當我使用#scroll或#test作爲鏈接時它工作正常。但是當我使用

<a href="/#experiences" class="page-scroll">Experiences</a> 

它不會。我想這是因爲/的，但我需要它，所以菜單返回，而不是僅僅增加一個#experiences到annother鏈接像

www.test.de/othersite#experiences 

這是我的jQuery。這是可以在jQ中解決嗎？

$('a.page-scroll').bind('click', function(event) { 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: ($($anchor.attr('href')).offset().top - 50) 
    }, 1250, 'easeInOutExpo'); 
    event.preventDefault(); 
}); 

Answer 1

您可以使用.replace()轉"/#experiences"到"#experiences"。

實例與您的代碼：

$('a.page-scroll').bind('click', function(event) { 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: ($($anchor.attr('href').replace("/", "")).offset().top - 50) 
    }, 1250, 'easeInOutExpo'); 
    event.preventDefault(); 
}); 

注：

如果你正在嘗試做的是有一個這樣的網址： www.test.de/othersite/#experiences 那麼這將無法工作，因爲使用\在HTTP請求中引用文件的路徑，所以這是不可能的。