Как решить проблему скролла на jQuery?

Question

[Zombie42679]

Столкнулся с такой проблемой: Есть 3 секции, в каждой есть 3 кнопки, при клике на одну из них, она скроллит вверх/остается на месте/скроллит вниз. То есть что-то типа навигационной панели, но если задавать код ниже, то панель работает только в смой верхней секции, а в остальных полностью отключена, в чем проблема и как исправить ?

https://jsfiddle.net/9xdnu8te/

Answer 1

[Camaro67]

Скорее всего, на момент отработки скрипта DOM еще не построен до конца.
Оберните свой скрипт в

$( function () {
// Здесь сам скрипт
} );

Comments

[Zombie42679]

И так обернут, я пробовал убирать с верхней секции панель, тогда следующая начинает работать, я не силен в JS, но здесь какой-то конфликт или замыкание происходит.

[Camaro67]

Zombie42679, Тогда давайте полный код в студию.

[Zombie42679]

Camaro67, Примерно так

https://jsfiddle.net/9xdnu8te/8/

[Camaro67]

Zombie42679, У вас идет дублирование id (si-1, si-2, si-3). Id не могут повторяться, они должны быть уникальными.

[Zombie42679]

Camaro67, Точно! Спасибо:)