繁体   English   中英

带有网址的一页网站导航

navigation for one-page site with url

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个一页网站,并在其上链接如<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 ,但我无法理解其代码

2 个回复

您的意思是您只想明显地更改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');
}

我认为执行此操作的正确方法是在.htaccess中使用mod_rewrite。

1 一页网站-网址航点

我正在尝试使用jQuery创建一个单页网站。 我试图弄清楚当我单击右侧菜单项时如何更改网站的URL(例如www.test.be)。 现在它只是给出(www.test.be/#),但我想说一下(www.test.be/work)。 另外,当我刷新时,我希望网站位于用户所在的页面上,而不是首页 ...

2 实施一页网站的导航

我正在建立一个页面网站,上面有一个粘性导航。 我已经实现了几乎所有内容,但是当用户通过鼠标滚轮或浏览器的滚动条而不是使用导航进行滚动时,我无法实现导航链接的高亮显示。 我猜这可以通过向最接近顶部的部分添加预样式化的类来实现? 我的第二个问题是,当用户在页面滚动时执行某些操作时,如何停止 ...

3 如何通过单击按钮导航到下一页网站

这是我的登录页面,名为 login.html,我想在按下注册按钮时在同一选项卡中打开 register.html 页面 这是在 login.html 页面中按下注册按钮时我想导航到的页面(regeister.html) ...

2018-10-07 20:13:17 3 3019   html
4 导航子菜单一页网站

我并不是真正地参与所有这些编码术语,因此我很难找到解决问题的答案。 通常,我只是复制粘贴现有代码,然后尝试对我想要的内容进行一些调整。 无论如何,我正在一页纸上的导航菜单上工作。 所以到现在为止。 但是,我想有一个子菜单。 我尝试了一些东西,但我无法真正得到想要的东西。 我想要的是当 ...

5 一页网站导航闪烁(Chrome)

向下滚动时,我的网站导航闪烁。 但是,只要您按下导航栏上的链接之一或打开检查元素,网站就会滚动正常... 该站点的链接在这里 , 这是供参考的github存储库。 问题似乎是css,因为更改JavaScript并没有任何效果,特别是以下代码: 编辑:这似乎只是一个铬问题 ...

6 一页网站hashbang导航滚动

我打算为我的一页网站进行SEO优化。 我有一件困难的事情要做,那就是使用hashbang的滚动功能。 当我从导航中单击url时,可以平滑滚动到该页面上的部分。 我使用此功能可以平滑滚动: 当我使用默认网址时一切都很好,但是当我更改时 并且div部分的id为id =“! ...

7 带有上一页 TabBar 项的 XamarinForms Shell 导航

我需要创建一个“详细信息”页面,当我从“母版”页面单击某个按钮时,它会将我重定向到带有后退按钮的导航栏的“详细信息”页面。 代码如下: 问题是:如何从我以前的母版页保留下标签,以显示以及在我的详细信息页面上显示? 设计如下: https : //i.imgur.com/tBqHhH8.png ...

8 在基本网址上重写一页

基本上,我想再次创建一个重写规则,但对于另一个URL, 我已经有这个了 http://site.com/game/title 我想重写一个新的URL到这个 http://site.com/game-test/title-test 我尝试了以下操作,但失败了 ...

9 一页超过9个不同的网址

与一页合并有多个网址。 搜索引擎会给予罚款,请帮帮我 。 了解更多 。 我使用prestashop作为我网站的购物车。 我有个问题; 该网站以前是动态网址。 我启用了友好的网址编写功能。 问题是一页包含多个UR ...

10 获取上一页网址

如何获取上一页网址? senario,用户可能来自google,yahoo,bing。 怎么知道他们来自哪里? 我尝试使用Request.UrlReferrer 但它返回一个空值。 谢谢你的建议。 我正在使用ASP.NET webform,C#。 更新 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM