首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用斜杠(/)而不是散列(#)链接页中的部分,而无需重新加载页面

使用斜杠(/)而不是散列(#)链接页中的部分,而无需重新加载页面
EN

WordPress Development用户
提问于 2017-01-13 14:18:21
回答 1查看 1.8K关注 0票数 5

,所以这里有一个要求:

  1. 客户端需要一个页面模板,其中页面左侧有两个级别菜单。
  2. 该菜单可以链接到同一页中的任何页面、帖子、类别或区段。
  3. 链接到同一页面中某个部分的菜单应该是斜杠链接,而不是为了SEO的目的而链接#。

--这就是我们实现它的方法:

  1. 基于一个需求,我开发了一个自定义页面模板,左侧是侧边栏。
  2. 使用WordPress菜单,我根据需要注册了多个菜单和菜单项。
  3. 我开发了一个自定义小部件,它提供了一个选项来选择要分配给该页面的菜单。到目前为止一切都好..。

--这里有一个问题:

  1. 如何将同一页面中的部分与/而不是#链接?
  2. 例如,如果页面是http://example.com/event-page/,并且页面内容中有一个部分,那么可以说"Get page“,并且左边还有一个对应于它的菜单。现在客户端想要的是菜单不是像http://example.com/event-page/#get-passes那样链接,而是http://example.com/event-page/get-passes/链接。
  3. 不用说,它应该向下滚动到那个特定的部分,而不重新加载页面。
EN

回答 1

WordPress Development用户

发布于 2017-03-29 07:36:22

您可以使用history.pushState更改浏览器URL而不重新加载页面,并使用jQuery的scrollTop方法滚动到特定元素的顶部(还有VanillaJS等价物 )。这将模仿#锚点的功能。

然而,就像Mark说的,你的客户想要的东西真的很奇怪。这是很难维持和继续工作,它甚至可能伤害你的客户。这是你可能想给他/她看的个案研究

票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/252397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档