Question

我知道我可以使用ID链接到网页上的某个位置。但是我可以使用课程来做到这一点。

使用ID，它看起来像这样：href=#id。首先你输入＃，这是id选择器，然后是id。

这与id的效果非常好，因为页面上只有一个。但是通常有一个类的多个实例，所以在javascript中指定一个类，你做类[索引]。

考虑到这一点，我认为要链接到类，我会这样做：href=.class[index]。 .是类选择器，[index]用于指定我指向的类。

这显然不起作用（为什么我要问社区），所以我要问的是，简而言之：我如何在只有一个类作为选择器的网页中获得链接。 / p>

Answer 1

你要求的东西根本无法完成。

ID和类之间的区别在于ID 具有是唯一的，而类则不是。因此，'jumplink'无法知道您打算跳转到哪个元素。虽然简单地跳转到第一堂课是有意义的，但这不是跳转链接的运作方式。

但是，使用JavaScript的 .scrollTo() 方法可以实现相同的功能：

document.getElementsByClassName("top")[0].addEventListener("click", function(){
    window.scrollTo(0, document.querySelector(".bottom").offsetTop);
});

.bottom {
  margin-top: 500px;
}

<div class="top">Top - Click Me!</div>
<div class="bottom">Bottom</div>

使用课程链接到网页上的位置

1 个答案: