There are two menus and two opening tabs. When you click on one of the menus, you need to scroll smoothly to the anchor which is ABOVE the tabs menu.

HTML sample code:

*ЗДЕСЬ ЯКОРЬ ДЛЯ МЕНЮ 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>

    1 answer 1

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

    Here is the code for smooth scrolling on the JQ. If there are sticky menus, then remove the comment about "- 90". Here is 90 - this will be the height of the sticky menu.