DIV проматывается один раз вверх после того как строка таблицы становится видимой?

Question

[Сергей Береснев]

jsfiddle.net/hxNXG/1



Если промотать div вниз, а потом кликнуть по «click here», то этот div промотается вверх. Следующие нажатия такого не делают, а просто показывают или скрывают строчку. Там две разные таблицы, не имеет значение по какой таблице кликать. Такое поведение наблюдается в FF и Opera.



Как с этим бороться?

Answer 1

[d4rkr00t]

можно так: return false; в js в конце обработчика.

jsfiddle.net/92HuL/

Comments

[Сергей Береснев]

Не, не то. Так же прокручивается один раз вверх. Вообще, так поступают, когда обработчик вешают на ссылку, в которой href="#". А тут ссылок нет.

[LoneCat]

Проблема похоже в телодвижениях jQuery, так как этот jsfiddle.net/hxNXG/8/ код работает нормально.

[Сергей Береснев]

LoneCat, что же вы отдельным ответом не ответили?

Answer 2

[SerDIDG]

Не совсем, в примере автора раз на раз не приходится. Тут скорее всего в поведении самого скролла такие правила. Я думаю, стоит просто запоминать позицию скрола, а потом заново ставить.
jsfiddle.net/ej8AL/1/

Comments

[Сергей Береснев]

Пожалуй хватит одного:

node.style.display = node.style.display == 'table-row' ? 'none' : 'table-row';

Видимо jQuery производит ещё какие-то манипуляции как заметил выше LoneCat.

[SerDIDG]

В опере этого не хватает. Вы откройте, проскрольте вниз, закройте и снова откройте, див начнёт снова проматываться.

[Сергей Береснев]

Вроде, все пучком. http://jsfiddle.net/hxNXG/16/. Opera 11.61

[SerDIDG]

А у меня в 11.64 прыгает, правда по тому сценарию, что я описал выше.

[Сергей Береснев]

Странно, спасибо за замечание. Потестируем Ваш вариант.