htmlスクロールするためのスクロールページ

Question

ユーザーがリスト内のリンクをクリックすると、ブラウザがちらつくのはなぜですか？これは、ユーザーが同じ「リンク」を2回クリックしたときにはっきりしているようです。私にこれを起こさないようにする方法はありますか？

また、上にスクロールするリンクをクリックする代わりにクリックすると表示されます。これをテストするには、リスト項目「テスト」をクリックして、ここで

https://jsfiddle.net/JokerMartini/9vne9423/は、すべての作業を行っている主なJSビットは「なぜ」...

JSをクリックしてくださいあなたのカスタム関数を呼び出す前に、アンカータグのprevent the default behaviorべき

function scroll_to_element(element) { 
    $('html, body').animate({scrollTop: $(element).offset().top}, 500); 
} 

$(window).ready(function() { 

    $(".nav-title").click(function() { 
     var target = $(this); 

     // get data-filter text 
     var title = target.data('title').toLowerCase(); 

     // collect section titles 
     sections = $(".section-title"); 

     // loop through and scroll to valid section 
     for (i = 0; i < sections.length; i++) { 
      var section = $(sections[i]); 
      var section_title = section.data('title').toLowerCase(); 

      if (section_title === title) { 
       scroll_to_element(section) 
       // console.log(target); 
      } 
     } 
    }); 
}); 

Answer 1

ality：

$(".nav-title").click(function(e) { 
    e.preventDefault(); 
}); 

Updated Fiddle

Answer 2

はhref="javascript:void(0);"を置く代わりに、あなたの "あるもの"、 "なぜ" でhref="#"属性と "Test1を" は

jsfiddle