Разделите на 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