jQuery 淡入淡出跳转到页面顶部

Question

我使用 jquery 和 fade 进行了基本的展示。它的效果很好，除非上面有内容，只要点击其中一个链接，它就会跳到页面顶部

  $(".link").click(function() {
      $('.content-container div').fadeOut('slow');
      $('#' + $(this).data('rel')).fadeIn('slow');
  });

http://jsfiddle.net/Wqc9N/8/

有人可以提出解决方案吗？

Answer 1

尝试使用防止默认

  $(".link").click(function(e) {
      e.preventDefault();
      $('.content-container div').fadeOut('slow');
      $('#' + $(this).data('rel')).fadeIn('slow');
  });

here is a DEMO