我知道我可以使用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/