div ID导航/滚动无法在Chrome浏览器中工作

Question

我的div链接不适用于Chrome，但可以在Safari和Firefox中正常运行。单击后，音频效果会自动播放，并且div应该水平移动。在Chrome浏览器中，音频会启动，但导航不会移动。

我在这里浏览了类似的问题，并尝试实现其修复，但没有成功：当我尝试更新jquery库和scrollTo时，没有任何变化。不确定根本问题是什么，因此不胜感激！

在github上：https://github.com/damarisdus/evening-star

实时网站：http://web.pdx.edu/~ddusciuc/342/evening_star/index.html

<nav class="back">
    <a link="#page1" class="page1_link"><img src="img/nav/back.png"></a>
</nav>

<nav>
    <a link="#page3" class="page3_link"><img src="img/nav/fig_2.png"></a>
</nav>

---

$("nav a").click(function(){
    var page_id = $ (this).attr("link");
    $(window).scrollTo($(page_id), 4000);  
});

$("#page2").waypoint(function(direction) {
    if(direction == 'right') {
        $("nav a").removeClass("selected");
        $(".page2_link").addClass("selected");
        $(".fadeIn").fadeIn(1000);
    }
    else {
        $("nav a").removeClass("selected");
        $(".page1_link").addClass("selected");
        $(".fadeIn").fadeOut(1000);
    }

},{ 
    horizontal: true
});

    $("#page3").waypoint(function(direction) {
    if(direction == 'right') {
        $("nav a").removeClass("selected");
        $(".page3_link").addClass("selected");
        $(".fadeIn").fadeIn(1000);
    }
    else {
        $("nav a").removeClass("selected");
        $(".page2_link").addClass("selected");
        $(".fadeIn").fadeOut(1000);
    }

},{ 
    horizontal: true
});