使用网址导航一页网站

Question

我有一个单页网站，链接就像<a href="#block1">link1</a>一样。浏览器地址栏显示 site.com/#block1

我希望浏览器提供类似 site.com/block1 的行，点击链接 site.com/block1 后，浏览器会打开滚动页面以显示所需的块。< / p>

这个jsfiddle很简单，但它不起作用http://jsfiddle.net/26LRA/2/

应该没有魔法，没有php，cms，sql和不同的插件。只有纯javascript / jquery

添加：我按照我的意愿为您提供此网站http://www.ascensionlatorre.com，但我无法理解他们的代码

Answer 1

你的意思是你只想明显改变网址：

$("#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);
});

Example

要获得实际工作的链接{}，mod_rewrite，请添加：

.htaccess

阅读网址

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

Answer 2

我认为正确的方法是在.htaccess中使用mod_rewrite。