帶有網址的一頁網站導航

Question

我有一個一頁網站，並在其上鏈接如<a href="#block1">link1</a> 。 瀏覽器地址欄顯示site.com/#block1

我希望瀏覽器輸入類似於site.com/block1的行，然后單擊鏈接site.com/block1后，瀏覽器將打開滾動頁面至所需的塊。

這個jsfiddle很簡單，但是不起作用http://jsfiddle.net/26LRA/2/

應該沒有魔術，沒有php，cms，sql和其他插件。 僅純javascript / jquery

添加：我根據需要為您提供了該站點http://www.ascensionlatorre.com ，但我無法理解其代碼

Answer 1

您的意思是您只想明顯地更改URL：

$("#name0 a").click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href').substring(1);
    $('html,body').animate({scrollTop: $('#'+id).offset().top}, 'fast');
    window.history.pushState("", "", '/' + id);
});

例

為了使鏈接真正起作用，您需要mod_rewrite ，進行.htaccess並添加：

RewriteRule ^portfolio$ /index.php/#$1 [QSA,NE]

閱讀網址

var path = document.location.pathname;
path = path.substring(path.lastIndexOf('/'), 1);
if(path){
    $('html,body').animate({scrollTop: $('#'+path).offset().top}, 'fast');
}

Answer 2

我認為執行此操作的正確方法是在.htaccess中使用mod_rewrite。