javascript - 每次刷新后在 index.html 加载页面

Question

我正在使用 fullPage.js 插件逐页滚动。该插件使用哈希 url 来执行此操作。在页面刷新时，文档总是加载到它所在的最后一个哈希 url。如何在每次刷新后使文档加载到顶部？我尝试添加以下代码，但没有成功:

$(document).ready(function(){
   $(document).scrollTop(0);
});

这是网页的链接 - https://rimildeyjsr.github.io/St.Anthony-Website

jQuery :

 $('#fullpage #section1').hide();
 $(document).ready(function(){
        $('#fullpage #section1').show();
        $('#fullpage').fullpage({
            anchors:['Page1','Page2','lastpage'],
            afterLoad : function(anchorLink,index) {
                if (index == 2 || anchorLink == 'Page2'){
                    $('.school-name').addClass('animated slideInUp').css('visibility','visible');
                }
            }

        });

链接到 github 存储库:https://github.com/rimildeyjsr/St.Anthony-Website

Answer 1

在您的页面上看起来像这样会导致它回到顶部。

window.location.hash = '#Page1';

所以你可以试试看

$(window).on('load', function() {
    window.location.hash = '#Page1';
});

这应该在您加载页面时发生，包括刷新。