HTML Link 至 class

Question

我知道在 HTML 中你可以通过地址栏中的 # 通过 ID link 到一个元素，但是是否可以对元素的类名做同样的事情？

Answer 1

没有。片段标识符只能指向具有该标识符的 name 的 a 元素，或具有该标识符的 id 的任意元素，假设该元素是唯一的一致文档。

一个 class 名称可以应用于一个文档中的多个元素，因此当存在多个这样的元素时，指向 class 名称的片段标识符应该如何表现是不确定的.

Answer 2

无法在地址栏中使用 class 名称作为锚标记。理论上 classes 应该被重复使用，一个元素可以有多个 classes，所以它不是唯一标识符

Answer 3

如果您不介意使用 jQuery 来解决这个问题，这是可能的。以下代码以 class 名称为目标并滚动到它。

$("a").on("click",function() {
    $('html, body').animate({
       // add your class below
       scrollTop: $('.contact').offset().top
       // Scroll Speed
    }, 2000);
});

HTML Link 至 class

HTML Link to class

html

hyperlink