jquery - ページの先頭にジャンプする jQuery フェード

Question

私はjqueryとfadeを使って基本的なリビールをしています。リンクの1つがクリックされるたびにページの上部にジャンプする上にコンテンツがある場合を除いて、それはうまく機能します

  $(".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');
  });

ここにデモがあります

Answer 2

リンクはタグでラップされているため、タグのデフォルトの動作を防止する必要があります。試す：

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