Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Якорь в табах с помощью JS (https://javascript.ru/forum/jquery/71402-yakor-v-tabakh-s-pomoshhyu-js.html)

pubat 16.11.2017 01:00

Якорь в табах с помощью JS
 
Здравствуйте.

Задача:
При нажатии кнопки которая является элементом навигации tabpanel срабатывала плавная прокрутка к якорю (к началу содержимого tab-content)

Пример кода:
https://jsfiddle.net/pav3ekgd/

Проблема:
Не работают табы, возможно как-то по-другому переписать код?

Nexus 16.11.2017 09:23

https://jsfiddle.net/pav3ekgd/1/

pubat 16.11.2017 16:36

Цитата:

Сообщение от Nexus
https://jsfiddle.net/pav3ekgd/1/

Здравствуйте. + в репу поставил, благодарю.

Но, тут такой вопрос, если добавить нюанс: первый <li> добавлен класс active, и при клике не срабатывает якорь, как бы можно это подправить?

пример кода: https://jsfiddle.net/pav3ekgd/3/

рони 16.11.2017 16:44

pubat,
https://jsfiddle.net/pav3ekgd/4/

pubat 16.11.2017 17:39

рони,
благодарю, работает. :dance:


Часовой пояс GMT +3, время: 12:09.