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 我用它来隐藏 al .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;
}