每次刷新

Question

我正在使用fullPage.js插件逐页滚动。该插件使用哈希网址来执行此操作。在页面刷新时，文档始终加载在它所在的最后一个哈希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';
});

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

Answer 2

试试这个

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

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

Answer 3

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

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

但是通过更改位置哈希建议的解决方案也会这样做。

Answer 4

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

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