Проверка ссылки на наличие якоря

355
21 февраля 2017, 19:25

Здравствуйте, подскажите пожалуйста, как сделать проверку ссылки на наличие якоря с прокруткой к блоку ?

Я пытаюсь сделать так, ссылка проверяется но прокрутка не происходит:

if(window.location.hash == '#dynamic') { 
$('#tabs').animate({ 
        scrollTop: target.offset().top 
      }, 1000); 
      return false; 
    }   
});
<div id="tabs">Блок</div>

Answer 1

пробуем вот так:

$('[data-scrollable]').click(function(){
    var target = $(this.hash);
    $('body').animate({
        scrollTop: target.offset().top
  }, 1000);
})

На кликабельный элемент цепляем какой-то общий идентификатор, например data-scrollable и по нему уже отталкиваемся.

READ ALSO
Как вызвать функцию, которая вложена в другую функцию?
javascript

Как вызвать функцию, которая вложена в другую функцию?

Есть такая структура кода на JavaScript:

 294
Оператор &ldquo;или&rdquo; в проверке якоря
javascript

Оператор “или” в проверке якоря

Нужно проверять несколько якорей и выполнять действия, как это сделать ?

 269
Анимировать по очереди SVG Path
javascript

Анимировать по очереди SVG Path

Как анимировать сначала первый тег path, а затем другой?

 447
Счётчик кликов для разных блоков через делегирование JS
javascript

Счётчик кликов для разных блоков через делегирование JS

Есть код который название блока и считает клики по кнопкеПроблема в том что поле с количеством кликов меняется один раз

 746