Могу ли я использовать привязку в href для прокрутки к местоположению с именем класса и без идентификатора? - PullRequest
Новая
       67

Могу ли я использовать привязку в href для прокрутки к местоположению с именем класса и без идентификатора?

0 голосов
/ 23 сентября 2019

Я использую Javascript и мне нужна привязка к имени класса, потому что у нас нет идентификатора рядом с местоположением.Могу ли я использовать для этого якорь в теге href?

Пример использования якоря с использованием идентификатора: 

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

Но могу ли я сделать это, если у меня есть только имя класса?С привязкой, а не scrollInToView или чем-то еще: 

<div class='myclass'>

Спасибо!

Ответы [ 2 ]

1 голос
/ 23 сентября 2019

Нужно ли URL отображать этот якорь?Если не читать о scrollIntoView .

Если вам нужен только URL-адрес для выполнения навигации, тогда атрибуты id или name (на самом элементе) являются вашими единственными вариантами.

Кстати, приятный визуальный эффект для плавной прокрутки на работающую привязку может быть достигнут с помощью свойства CSS, называемого scroll-поведения : 

html
{
        scroll-behavior: smooth;
}

Это не имеет ничего общегос вашей проблемой, но я подумал, что вам это может понравиться.

0 голосов
/ 23 сентября 2019

только Href не работает с классом.Вы можете сделать с javascript / jQuery 

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

jQuery 

$("[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);
   }
})
...