页面滚动，当我淡入一个div和淡出的另一个DIV

在http://albertanglada.es 我有这样的：页面滚动，当我淡入一个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并显示一个特定元素。它的作品，如果你点击：
'Últimasañadidas'或'Populares'在页面中间，你会看到有些框显示/隐藏。问题在于，如果您位于底部，页面也会向上滚动。点击这些范围时，我不想向上滚动页面。

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

来源

2012-03-08 Godfather

我建议在div你不使用'preventDefault（）'，因为IE不完全支持它。要么执行'return false;'或'if（e.preventDefault）e.preventDefault（）; else e.returnValue = false;' – xbonez 2012-03-08 16:12:49

你需要用div来包装你的元素，即使它的子元素被隐藏，也可以“强制”页面的高度。 – 2012-03-08 16:13:31

@xbonez'preventDefault（）'方法是jQuery，并且支持跨浏览器 - > http://james.padolsey.com/jquery/#v=1.6.2&fn=jQuery.Event – ManseUK 2012-03-08 16:18:35

的问题发生，因为包装feed-panel-wrapper没有高度 - 所以，当你隐藏其内容也缩小到0px高度......给予height或min-height

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

来源

2012-03-08 16:14:29 ManseUK

它首先起作用（更高的高度）谢谢！！！ – Godfather 2012-03-08 16:27:18

页面滚动，当我淡入一个div和淡出的另一个DIV

回答

相关问题