javascript - 当我淡入一个 div 并淡出另一个 div 时页面向上滚动

Question

在http://albertanglada.es我有这个:

$('#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 元素并显示特定元素。它有效，如果你点击:
页面中间的“Últimas añadidas”或“Populares”，您会看到一些框显示/隐藏。问题是，如果您位于底部，页面也会向上滚动。单击这些跨度时，我不想向上滚动页面。

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

Answer 1

出现问题是因为包装器 feed-panel-wrapper 没有高度 - 所以当您隐藏其内容时，它会缩小到 0px 高度 ... 给 div height 或 min-height

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