Javascript 我可以使用href中的锚点滚动到类名不带id的位置吗?

Javascript 我可以使用href中的锚点滚动到类名不带id的位置吗?,javascript,html,anchor,href,Javascript,Html,Anchor,Href,我正在使用Javascript,我需要一个指向类名的锚点,因为我们在该位置附近没有id。我可以使用href标记中的锚来执行此操作吗 示例为id为的锚点的使用: <div id='anchorID'> <a href='mysite.com#anchorID> 仅Href不适用于类。您可以使用javascript/jQuery <a href='javascript:void(0)' data-target='.myClass'>Link</a>

我正在使用Javascript,我需要一个指向类名的锚点,因为我们在该位置附近没有id。我可以使用href标记中的锚来执行此操作吗

示例为id为的锚点的使用:

<div id='anchorID'>
<a href='mysite.com#anchorID>


仅Href不适用于类。您可以使用javascript/jQuery

<a href='javascript:void(0)' data-target='.myClass'>Link</a>

URL是否需要显示此锚定?如果没有,请阅读

如果您只需要url来完成导航,那么
id
name
属性(在元素本身上)是您唯一的选择

顺便说一句,通过CSS属性可以实现平滑滚动到功能锚的良好视觉效果,该属性名为:


这与您的问题无关,但我认为您可能会喜欢它。

为此您需要一个id或附加javascript。不,这不适用于类。它需要引用ID或特定元素的名称。URL是否需要显示此锚?如果没有,请阅读。如果您需要url来显示锚定,那么
id
name
属性是您唯一的选择。
<a href='javascript:void(0)' data-target='.myClass'>Link</a>
$("[data-target]").on('click', function(){
   var target_  = $(this).attr("data-target");
   var targetSelector = $(target_);
   if(targetSelector.length){
      $("html, body").animate({ scrollTop: targetSelector.offset().top }, 1000);
   }
})
html
{
        scroll-behavior: smooth;
}