我知道我可以使用id链接到网页上的某个位置。但是我有可能使用类来做到这一点。

使用id时,它看起来像这样:href=#id。首先,您输入#(这是ID选择器),然后输入ID。

这对id很有效,因为页面上只有一个。但是通常有一个类的多个实例,因此在javascript中要指定一个单独的class [index]。

考虑到这一点,我假设要链接到类,我将这样做:href=.class[index].是类选择器,[index]用于指定我指向的类。

这显然是行不通的(我为什么还要问社区),所以简而言之,我要问的是:如何在只有类作为选择器的网页中获得链接。

最佳答案

您所要求的根本无法完成。

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>

关于css - 使用类(class)链接到网页上的位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48778695/

10-13 08:59
查看更多