Плавная прокрутка к якорю в табах

113
11 декабря 2020, 18:20

Есть два меню и два открывающихся таба, необходимо при клике на одно из меню прокрутить плавно к якорю который находится НАД меню табами.

Пример HTML кода:

*ЗДЕСЬ ЯКОРЬ ДЛЯ МЕНЮ 1 И МЕНЮ 2* 
<nav>  
  <ul> 
    <li class="tab-current"> 
      <a href="#menu-1" class="active"><span>МЕНЮ</span> 
      </a></li> 
      <li> 
        <a href="#menu-2" class="active"><span>МЕНЮ2</span> 
        </a></li> 
    </ul> 
    </nav> 
 
    <div class="content-wrap">  
<section id="menu-1"> 
  ЗДЕСЬ большой текст 
</section> 
<section id="menu-2"> 
ЗДЕСЬ большой текст 
</section> 
 
    </div>

Answer 1
$('html, body').animate({
  scrollTop: $( 'YOUR_DINAMIC_SELECTOR' ).offset().top // - 90
}, 500)

Вот код для плавной прокрутки на JQ Если есть прилипающие меню, то уберите комментарий около "- 90". Здесь 90 - это будет высота прилипающего меню

READ ALSO
fetch данные приходят два раза
javascript

fetch данные приходят два раза

как предотвратить двойной фетчинг данных, мешает при рендере html в элемент

 110
Не удается анимировать высоту блока pure .js
javascript

Не удается анимировать высоту блока pure .js

элемент высоту которого нужно менять:

 98
Можно ли хранить значение обьекта в виде обьекта?
javascript

Можно ли хранить значение обьекта в виде обьекта?

Корректно ли хранить следующую структуру обьектов:

 96
При клике цвет текста не меняется
javascript

При клике цвет текста не меняется

 131