Вкладки Jquery, добавленные в код, позволяют автоматически прокручивать (вертикально) прокручивать якоря

Я настроил страницу автопрокрутки, используя код css-tricks для плавной прокрутки: http://css-tricks.com/snippets/jquery/smooth-scrolling/

Это всегда работало отлично, и я только что добавил вкладки jquery к некоторому контенту, что теперь заставляет его прокручивать основные якоря, которые находятся под вкладками.

Код здесь: http://jsfiddle.net/qR5bm/

Почему это происходит и что я могу сделать, чтобы это исправить?


javascript jquery anchor jquery-tabs
person Reuben    schedule 13.06.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я считаю, что проблема в том, что после применения прокрутки вы скрываете кучу элементов. Почему-то кажется, что это мешает расчетам.

Если вы переместите код плавной прокрутки ниже функций вкладки, он будет работать нормально:

Демонстрация: http://jsfiddle.net/lucuma/qR5bm/1/

person lucuma    schedule 13.06.2012
comment
Я хотел бы продолжить расследование, чтобы увидеть настоящую причину, но сейчас у меня нет времени. По крайней мере, вы можете увидеть, как это исправить. - person lucuma; 14.06.2012
comment
Ах да, еще кое-что. Попробуйте несколько раз быстро нажимать разные кнопки, и анимация не остановится, пока не будет выполнена каждая анимация. Вот почему вы должны поставить .stop() перед animation(): jsfiddle.net/DerekL/qR5bm/2 - person Derek 朕會功夫; 14.06.2012
comment
@lucuma - Попробуйте нажать Story How Story How Story How... (очень быстро) в своей демонстрации, тогда вы увидите, что не так. - person Derek 朕會功夫; 14.06.2012