jQuery addClass кара прозореца да се превърта обратно в началото на Android и iPhone

Работя върху страница, където в долната част има елемент, който се активира чрез докосване върху него. След това елементът се разширява (незабавно) на височина, за да разкрие съдържанието си. Това става чрез добавяне на клас (".active") с jQuery към този елемент.

Нещата, които .active наистина добавя, са блок на дисплея и известна височина. Въпреки това всеки път, когато го докоснете, браузърът се връща обратно в началото. Ако коментирам частта addClass в javascript, тя се държи нормално.

Само за предупредителното, anchor тагът няма "href=#".


iphone android javascript jquery addclass
person Kasper    schedule 06.03.2012    source източник
comment
какво ще стане, ако опитате да добавите класа по различен начин? като setattribute или така   -  person Eric Frick    schedule 06.03.2012
comment
Същото се случва! Предполагам, че може да има някакъв проблем с изобразяването.   -  person Kasper    schedule 06.03.2012
comment
проверихте ли, че няма нищо нередно с вашите стилове/клас? какво се случва, ако статично присвоите този клас на елемента? Задайте класа и просто покажете/скрийте елемента динамично, като използвате свойството css. Произвежда ли същото поведение?   -  person Nilesh    schedule 06.03.2012

Отговори (1)


arrow_upward
0
arrow_downward

Като временно решение можете да върнете екрана на мястото му при всяко щракване.

$('.troublemaker').click(function(e){
   var currentScroll = $(document).scrollTop();
   setTimeout( function(){  $(document).scrollTop( currentScroll ); }, 10 );
});
person Funkodebat    schedule 09.06.2012