2012-03-08 1 views
1

В http://albertanglada.es я это:Page свитки, когда я FadeIn в DIV и исчезать из другой DIV

$('#ultimas,#populares').click(function(e) { 
    e.preventDefault(); 
    $('.grupo').hide(); 
    var id= 'div' + $(this).attr('id'); 
    $('.grupo#'+id).fadeIn(); 
}); 

На http://albertanglada.es/js/custom.js я использую его, чтобы скрыть аль .groupo elementes и показать конкретный элемент. Он работает, если вы нажмете на:
'Últimas añadidas' или 'Populares' в середине страницы вы увидите, что некоторые окна отображаются/скрыты. Проблема в том, что и страница прокручивается, если вы находитесь внизу. Я не хочу прокручивать страницу, когда нажата эта область.

<span class="left current tooltip" id="ultimas">Últimas añadidas</span> 
<span class="top" id="populares">Populares</span> 
+0

Я бы рекомендовал вы не используете 'preventDefault()', поскольку он не полностью поддерживается IE. Либо выполните «return false», либо «if (e.preventDefault) e.preventDefault(); else e.returnValue = false; ' – xbonez

+1

Вам нужно будет обернуть ваши элементы div, которые могут« заставлять »высоту страницы, даже если ее ребенок скрыт. –

+0

@xbonez метод 'preventDefault()' jQuery и поддерживается кросс-браузер -> http://james.padolsey.com/jquery/#v=1.6.2&fn=jQuery.Event – ManseUK

ответ

2

Проблема происходит потому, что оболочка feed-panel-wrapper не имеет высоты - поэтому, когда вы скрыть его содержание он сжимается до высоты 0px ... дают Див height или min-height

#feed-panel-wrapper { 
    min-height: 300px; 
} 
+0

работает сначала (с большей высотой) спасибо!!! – Godfather