在一个页面设计中使用文章内部的href哈希

Question

我正在网站上工作（视差设计），我有很多部分1,2,3,4 ...在第四部分我有一个长段（文章），只在文章div内滚动（不是孔部分）..导航菜单到文章的标题

<section class="one"> content .. </section>
<section class="two"> content .. </section>
<section class="three"> content .. </section>
<section class="four">
       <div class="content">
           <div class="article with-vertical-scroll">
               <ul>
                  <li><a href="#part1">Part 1</a></li>
                  <li><a href="#part2">Part 2</a></li>
                  <li><a href="#part3">Part 3</a></li>
               </ul>
               <h2 id="part1"><p>.....</p></h2>
               <h2 id="part2"><p>.....</p></h2>
               <h2 id="part3"><p>.....</p></h2>
           </div>
       </div>
</section>

当我点击任何链接时，在第一次点击时，该链接将带我到第一部分，然后我返回到第四部分并再次单击并且链接工作正常并带我到标题..我尝试使用jQuery使用scrollTop，当我点击e.preventDefault();但我没有工作时，我尝试禁用默认事件。

$('a').click(function(e){
//e.preventDefault();
   target = $(this).attr('href');
   $('.article').scrollTop(target);
});