【问题标题】:Using Page Anchors In Primary Site Navigation在主站点导航中使用页面锚点
【发布时间】:2012-08-22 00:44:33
【问题描述】:

所以我有一个基本的(由 Wordpress 支持的)投资组合网站,其中大部分内容都位于主页上,然后我为特色项目使用自定义帖子类别,因此用户可以点击并获取有关项目在其 category-single.php 页面。所以我们的想法是,就结构而言,它是一个非常平坦的网站。

事实上,标题中的网站导航只是简单地链接到主页上的所有内容(关于、工作、什么、联系方式都是主页上的所有部分,当您单击时会向下滚动到)。

我想要发生的是当用户在主页上并单击顶部导航链接之一时,页面向下滚动到该部分(这里没问题 - 我的这部分工作正常),然后当用户在网站的另一个页面上时(想想一个深度,一个自定义的帖子页面),如果他们单击标题导航链接,它会将它们返回到主页并将它们向下滚动到该部分。我正在考虑基本的 url 锚结构,例如 http://somesite.com/page#specific_section,该链接将用户带到 somesite.com/page 上的特定部分。

但是我似乎遇到的麻烦是正确创建这些网址。我将它们写为 mysite.com#about、mysite.com#work、mysite.com#contact、mysite.com#page-top,但浏览器不会触发用户转到主页,而是解释这些链接作为在当前页面上查找这些部分的说明。

我做错了什么,正确的方法是什么?

我要另外考虑的事情是,我是否需要创建 PHP 逻辑,在主页上以一种方式显示链接,在网站的其余部分以另一种方式显示链接。

【问题讨论】:

  • 原来问题是我的 jQuery 滚动插件禁用了链接功能。哈。
  • 这……真是奇怪又违反直觉。很想听听这个问题,因为我正在实现一个 JS 滚动器,这听起来就像我想跳过一个小时调试的那种愚蠢的废话。
  • 是的,插件要求我向要向下滚动到某个部分的链接添加一个“滚动”类,所以我猜它会禁用所述链接上的默认链接行为并监听点击事件,然后将用户向下滚动到该部分。

标签: url anchor


【解决方案1】:

您需要做的是使用相关页面的实际文件名,例如:

mysite.com/aboutme.html#qualifications `mysite.com/portfolio.html#ZirTech

对于主页链接,尝试使用根相对路径或完全限定链接,如下所示:

http://www.mysite.com/#section完全合格

/#section相对路径

您不需要在主页上以不同的方式实施它们 - 只需在整个网站中正确实施即可。

【讨论】:

    【解决方案2】:

    当您将 URL 写为 mysite.com#work、mysite.com#contact、mysite.com#page-top 时,浏览器会查找有问题的页面,因为它没有被指示转到另一个页面(您需要添加“/”来重定向它)。

    如果希望它们指向主页,请将它们设置为

    mysite.com/index.php#work, mysite.com/index.php#contact, mysite.com/index.php#page-top
    

    也许没有index.php也有可能,但我现在有点懒得测试了:

    mysite.com/#work, mysite.com/#contact, mysite.com/#page-top
    

    【讨论】:

      猜你喜欢
      • 2014-07-05
      • 2014-03-03
      • 1970-01-01
      • 2011-02-12
      • 2016-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多