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

Question

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

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

这是link到网页-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');
                }
            }

        });

Link 到 github 存储库：https://github.com/rimildeyjsr/St.Anthony-Website

Answer 1

试试这个

 if(location.href.split('#').length > 0){
    location.href = location.href.split('#')[0]
 }

如果您遇到任何问题，请告诉我

Answer 2

您页面上的这个看起来会导致返回顶部。

window.location.hash = '#Page1';

所以你可以尝试这样做

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

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

Answer 3

if (location.hash) {
  setTimeout(function() {

    window.scrollTo(0, 0);
  }, 1);
}

Answer 4

正确的方法是使用 fullPage.js 函数 moveTo:

$(window).on('load', function() {
    $.fn.fullpage.moveTo(1);
});

但是通过更改位置哈希的建议解决方案也可以。

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

Load the page at index.html after every refresh

html

javascript

jquery

fullpage.js