Javascript 我可以使用href中的锚点滚动到类名不带id的位置吗?
我正在使用Javascript,我需要一个指向类名的锚点,因为我们在该位置附近没有id。我可以使用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>
<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;
}