Javascript 页面滚动不'；行不通

我需要帮助。我在我的新网站的一个项目中工作，它是一个带有可滚动图像的网页，一个视差网站。问题是当我点击一个链接，如关于、相册、联系人等。。。没关系，页面会转到关于部分或联系人部分，但会立即转到scroll。我尝试了不同的JQuery插件，比如scrollTo.js、stellar.js，但id不起作用。你们能帮我吗？我将包含index.html、style.css以及脚本和图像的文件夹放在这里：

请看一下代码并给我一个解决方案。我只是想知道，当我现在直接用scroll点击链接菜单时，如何进入一个分区，一个div

谢谢各位

---

希望你能帮助我

我通常使用jquery进行以下操作：

//animates the body to scroll to a section from  the menu

//selects links that have a hash tag
$(".nav li a[href*='#']").on('click', function(e) {

     //prevent the default action when an anchor link is clicked
     e.preventDefault();

     //animate scrolling and go to that certain section pointed by the anchor link
     $('html, body').animate({ scrollTop: $(this.hash).offset().top }, 600); 
});

---

很少有人会下载mediafire并进行测试，不建议使用JSFIDLE