页面特定部分的网址

Question

我在每个页面（导航栏的一部分）上都使用了一个选取框，它有几个不同的行，可以选择一次回显 1 行。其中一个包含一个链接<a href="/link" class="a">link</a> 我怎样才能让它将我重定向到索引的特定部分？

我找到了这个

$(function(){
  var tempDiv = $("<div />");
  tempDiv.load("page-to-load.htm", function() {
        var content = tempDiv.find("#main");
        var title = tempDiv.find("title");
        var nav = tempDiv.find("ul.nav");
  });
});

但不确定它是如何工作的。 为了更好地了解我在寻找什么http://www.swtor.com/dark-vs-light/home（我能找到的最好的链接）。

通过将 url 从 /home 更改为 /pack 之类的内容，它会向下滚动到不同的 div。

我在索引上的许多不同 div 上使用相同的类，所以如果它可以与 id 或 name 一起使用，那会更好。但是有人可以解释一下这是如何工作的，如果可能的话，可以使用/link从一个页面链接到另一个页面吗？ （可以使用 .htaccess 进行 mod 重写）

Answer 1

您正在寻找使用 id 属性和链接组合完成的锚点。链接上的锚点必须是您为要访问的元素提供的 id。

例子：

<a href="#intro">Introduction</a>
<div id="intro">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi enim, beatae vitae nostrum ad, necessitatibus sit aperiam perferendis impedit nemo, saepe! Inventore quam aliquid laboriosam dolor perspiciatis, nemo a.
</div>